1. HTML 的基本结构
2. HTML 控制标记的格式
3. 最常用的控制标记
本章讲解最基本的 HTML 元素,也就是创建文档结构所需的元素。例如:标题、段落、
页面分隔、注释等等。
2.1 HTML 的基本结构
<html> -------根控制标记
<head> -------头控制标记
<title>标题</title> -------标题标记
</head> -------头控制标记(尾)
<body>
-------网页显示区域
</body>
</html> -------根控制标记(尾)
(1).<html>…</html>根控制标记
开头和结尾成对出现,双标签
(2).<head>…</head>头控制标记
1.<title>很单纯的文件标题声明
2.<meta>控制标记的动态文件转换声明
3.<base>超链接网址基准参考点
4.Javascript 和 VBScript 程序
5.stylesheet 可用来设置排版来的声明
6.<link>可引用外部文件,如 CSS 排版样本
(3).<title>…</title>设置浏览器的视窗标题
(4).<body>…</body>页面可见内容
2.2 HTML 控制标记的格式
(1).<标记名称>
单一型,无设置值的。
如:<br>
(2).<标记名称 属性=”属性值”>
单一型,有设置值的。
如:<hr width=”80%”>
(3).<标记名称>…</标记名称>
对称型,无设置值。
如:<title>…</title>
(4).<标记名称 属性=”属性值”>…</标记名称>
对称型,有设置值。
如:<body bgcolor=”red”>…</body>
<font size= ”7”>…</font>
2.3 最常用的控制标记
(1).跳行 <br>
格式:<br>
无属性设置
(2).段落 <p>
格式:<p align=”排列方式”>…</p>
属性名称 属性值 说明
align left 往左靠(默认)
center 往中靠
right 往右靠
(3).水平直线 <hr>
格式:<hr>
属性名称 属性值 说明
size 像素 绝对设置,以数字表示,属性值越大,线越粗
百分比 相对设置,以%表示,属性值越大,线越粗
width 像素 绝对设置,长度不会应视窗的改变而改变
百分比 相对设置,长度会随着视窗宽度而改变
noshade 实体线
(4).向中对齐 <center> (被废弃的标签)
格式:<center>…</center>
(5).背景色与文字设置
格式:<body bgcolor=”背景色” text=”文字颜色”>
整体页面的边距,行距
<body leftmargin=”像素” topmargin=”像素”>
(6).标题文字设置
格式:<h1>…</h1>
<h2>…</h2>
<h3>…</h3>
<h4>…</h4>
<h5>…</h5>
<h6>…</h6>
属性名称 属性值 说明
align left 靠左
center 靠中
right 靠右
(7).特殊字符设置
格式:< lt;
> gt;
& amp;
“ quot;
(8).在 HTML 备注
格式:<!--…-->
(9).实体字符控制标记
1.<b>…</b> 粗
2.<i>…</i> 斜
3.<s>…</s> 删
4.<u>…</u> 下划
5.<tt>…</tt> 电报
6.<sub>…</sub> 下标
7.<sup>…</sup> 上标
(10).语意字符控制
1.<address>…</address> 地址
2.<big>…</big> 大字
3.<del>…</del> 删除
4.<ins>...</ins> 修改
5.<samll>…</small> 小字
6.<strong>…</strong> 加强语气(加粗)
7.<em>...</em> 加强语气(倾斜)
(11).<font>字体控制 (被废弃的标签)
格式:<font>…</font>
属性名称 属性值 说明
size 0-7 字体大小
color 英文或十六 颜色
face 字体 字体
(12).格式化
格式:<pre>…</pre>
让书写的文字格式化!
(13).引用文本
格式:<blockquote>...</blockquote>
属性名称 属性值 说明
cite url 被引用的地址