没有合适的资源?快使用搜索试试~ 我知道了~
html&css入门资料
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 150 浏览量
2022-04-27
09:25:14
上传
评论
收藏 1.56MB DOC 举报
温馨提示
试读
64页
html是HyperTextMark-upLanguage的缩写,即超文本标记语言;css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。CSS与HTML相同之处在于,两个共同作用让网页实现需要的布局样式。
资源推荐
资源详情
资源评论
1
第一章 HTML 简介
一、HTML+CSS 轻松入门之 HTML 简介
由来
万维网上的一个超媒体文档称之为一个页面(外语:)。作为一个组织或者个人在万维网上放
置开始点的页面称为主页(外语:)或首页,主页中通常包括有指向其他相关页面或其他节
点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(,外语
缩写:)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是 获得广泛应
用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站( 或
)。超级文本标记语言(英文缩写:)是为“网页创建和其它可在网页浏览器中看到的信息”设
计的一种标记语言。
网页的本质就是超级文本标记语言,通过结合使用其他的 技术(如:脚本语言、公共网关接口、
组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网()编程的基础,也就
是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包
含了所谓“超级链接”点。
定义
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,
超文本标记语言 张
它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文
件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显
示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不
指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注
意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
语言特点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维
网()盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子
类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用 ! 等其他机器的大有人在,超级文本标记语言可以使
用在广泛的平台上,这也是万维网()盛行的另一个原因。
通用性:另外, 是网络的通用语言"一种简单、通用的全置标记语言。它允许网页制作人建立文本
与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览
器。
书写方式
它其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,
基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用 # 来编写,
也可以。不过存盘时请使用$% 或$%& 作为扩展名,这样就方便浏览器认出直接解释执行了。
2
半所见即所得软件,
如:'!()*+、*),+ 等在线网页编辑器;
尤其推荐:&- 代码编辑器(由 ./ 开发,&-0 收费但可以无限期试
用)。
所见即所得软件,使用最广泛的编辑器,完全可以一点不懂 的知识就可以做出网页,如:
1 (出品单位:万维网联盟);
'23# 4*(出品单位:微软);
5,6(出品单位: +)。
所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何
地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位
等高级功能的实现。
字符集
在网页中除了可显示常见的美国信息交换标准代码(外语缩写: !77)字符和汉字外, 还有
许多特殊字符,它们一起构成了 字符集。有 0 种情况需要使用特殊字符,一是网页中有其特殊意
义的字符,二是键盘上没有的字符。 字符可以用一些代码来表示,代码可以有 0 种表示方式。即字
符代码(命名实体)和数字代码(编号实体)。字符代码以“89符开始,以分号:;:结束,其间是字符名,
如8;。数字代码也以“8<9符开始,以分号:;:结束,其间是编号,如=。
整体结构
一个网页对应多个 文件,超文本标记语言文件以$%(磁盘操作系统 52 限制的外语缩
写)为扩展名或$%&(外语缩写)为扩展名。可以使用任何能够生成 > 类型源文件的文本编辑器来产
生超文本标记语言文件,只用修改文件后缀即可。
超文本标记语言
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例
如:?@A),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三
个双标记符用于页面整体结构的确认。
标记符?%&A"说明该文件是用超文本标记语言(本标签的中文全称)来描述的"
HTML 代码
它是文件的开头;而?@%&A"则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
头部内容
?%+A?@%+A
关于 B 张
?%+A?@%+A;这 0 个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、
序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标
记符和 标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页
标题可被浏览器用作书签和收藏清单。
3
设置文档标题和其它在网页中不显示的信息,比如 + 方向、语言代码 !+(实体定
义C*371DE)、指定字典中的元信息、等等。
主体内容
?+FA?@+FA
超文本标记语言0 张
?+FA?@+FA;网页中显示的实际内容均包含在这 0 个正文标记符之间。正文标记符又称为实体标
记。
发展历史
超文本标记语言(第一版)——在 GGH 年 月作为互联网工程工作小组(7*')工作草案发布(并非标
准):
0$IJJGGK 年 月作为 '!E 发布,在 '!0EKB 于 0III 年 月发布之后被宣布已经
过时
H$0JJGGL 年 月 B 日,H! 推荐标准
B$IJJGGL 年 0 月 E 日,H! 推荐标准
B$I(微小改进)——GGG 年 0 月 0B 日,H! 推荐标准
KJJ0IB 年 I 月 0E 日,H! 推荐标准B(详见本处参考资料)
72@7*!KBBKM0III(“729)——0III 年 K 月 K 日发布,基于严格的 B$I 语法,是
国际标准化组织和国际电工委员会的标准。
N 是基于 K、NOF、!H 和 P4 的一个控件包,能够满足构建当今 系统的需求。
基于 N,您的系统运行将更加快速和流畅,外观也会更加引人入胜。N 中所有新的控件都是在
符合最新的 7 设计潮流的基础上,对新的以及改良后的主题进行封装。优美的、专业的控件外观会让您
的应用程序引人注目。比如 !2+ #$3*N控件包内置的 个主题,同
时可以使用 NOF7 项目提供的 HI多个主题,甚至可以使用 %&&创建属于您自己的系统主
题。
没有 $I 版本是因为当时有很多不同的版本。有些人认为蒂姆Q伯纳斯)李的版本应该算初版,这个
版本没有 74 元素。当时被称为 R的后续版的开发工作于 GGH 年开始,最初是被设计成为
“ 的一个超集”。第一个正式规范为了和当时的各种 标准区分开来,使用了 0$I 作为其版本号。
R的发展继续下去,但是它从未成为标准。
H$I 规范是由当时刚成立的 H! 于 GGK 年 H 月提出,提供了很多新的特性,例如表格、文字绕
排和复杂数学元素的显示。虽然它是被设计用来兼容 0$I 版本的,但是实现这个标准的工作在当时过于复
杂,在草案于 GGK 年 G 月过期时,标准开发也因为缺乏浏览器支持而中止了。H$ 版从未被正式提出,
而下一个被提出的版本是开发代号为 & 的 H$0,去掉了大部分 H$I 中的新特性,但是加入了
很多特定浏览器,例如 3 和 的元素和属性。 对数学公式的支持最后成为另外一个
标准 %。
B$I 同样也加入了很多特定浏览器的元素和属性,但是同时也开始“清理”这个标准,把一些元素和
属性标记为过时,建议不再使用它们。 的未来和 ! 结合会更好。
K 草案的前身名为 &$I。于 0IIB 年被 4 提出,于 0IIL 年被 H!
接纳,并成立了新的 工作团队。在 0IIE 年 月 00 日,第一份正式草案发布。
4
>$IJJ发布于 0III 年 月 0 日,是 H! 推荐标准,后来经过修订于 0II0 年 E 月 日重新
发布。
>$,于 0II 年 K 月 H 日发布,H! 推荐标准。
>0$I,H! 工作草案。
>K,从 >$- 的更新版,基于 K 草案。
B$I是常见的版本。
相关要求
在编辑超文本标记语言文件和使用有关标记符时有一些约定或默认的要求。
文本标记语言源程序的文件扩展名默认使用 %(磁盘操作系统 52 限制的外语缩写为扩展名)或
%&(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器
时,注意修改扩展名。而常用的图像文件的扩展名为 和 N。
超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可
写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按
源程序中的效果显示。完整的空格可使用特殊符号(实体符)“8(注意此字母必须小写,方可空
格)”表示非换行空格;表示文件路径时使用符号“@9分隔,文件名及路径描述可用双引号也可不用引号括
起。
标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对
使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号
“8(注意此字母必须小写,方可空格)”;许多标记元素具有属性说明,可用参数对元素作进一步的
限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行。
标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。
注释由:?C)):号开始,由符号”))AS结束结束,例如?C))注释内容))A。注释内容可插入文本中
任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
常见实体
5
标记
数据类型 html 示例
超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包
括 ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数
据类型都是专业的字符数据。
第二章 HTML 入门
一、HTML+CSS 轻松入门之 HTML 基础结构
下面我们写一个基础完整的 %& 代码,大家来看一下结构
?%&A
?%+A
?&A?@&A
?@%+A
?+FA
?@+FA
?@%&A
接下来我们来讲解,一个完整的 %& 代码是由?%&A开始到?@%&A结束的
剩余63页未读,继续阅读
资源评论
卯【金】刀
- 粉丝: 4393
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功