当前位置：首页 > HTML及JS培训教材（广）
Page 5 of 59 HTML及JS培训教材
一.HTML入门
HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
接下来，我们就结合几个实例来观看一下HTML的全貌，以便于我们首先对它有一个整体上的认识，并且体会一下超文本与标记究竟是什么意思。
通过HTML可以表现出丰富多彩的设计风格
图片调用：
文字格式：
通过HTML可以实现页面之间的跳转
页面跳转：〈A HREF=\文件路径/文件名\
从以上的例子，我们就可以理解超文本与标记的含义了。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。所谓标记，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字 属性>”来表示。
二．HTML的基本结构
超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
头 部 信 息
深圳市茁壮网络技术有限公司IPANEL TECHNOLOGIES LTD. 应用开发二部
Page 6 of 59 HTML及JS培训教材
文 档 主 体， 正 文 部 分
其中在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。
之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。 标记一般不省略， 表示正文内容的开始。下面是一个最基本的超文本文档的源代码：
━┓
━┓
┃
┃
┃
┃文件体
┃
┃ 这是我第一次做主页，无论怎么样，我都会努力做好！
┃
┃
━┛
超文本中的标签
刚刚接触超文本，遇到的最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。
深圳市茁壮网络技术有限公司IPANEL TECHNOLOGIES LTD. 应用开发二部
Page 7 of 59 HTML及JS培训教材
1. 单标签
某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：
< 标签名称>
最常用的单标签是
, 它表示换行。
2.双标签
另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是：
<标签> 内 容
其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一 标记中： 第一：
3.标签属性
许多单标记和双标记的始标记内可以包含一些属性， 其语法是： < 标签名字 属性1 属性2 属性3 ? >
各属性之间无先后次序，属性也可省略（即取默认值），例如单标记
深圳市茁壮网络技术有限公司IPANEL TECHNOLOGIES LTD. 应用开发二部
Page 8 of 59 HTML及JS培训教材
其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，
缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对 \
号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的
个数，如WIDTH=300），缺省值是\。 4.注释
在HTML中用来做注释，注释里面的内容，浏览器不进行解析。如：
三.页面布局与文字设置
3．1 标题
一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签
请看下面的例子：
深圳市茁壮网络技术有限公司IPANEL TECHNOLOGIES LTD. 应用开发二部
本文作者：...共分享92篇相关文档
