(三)、自闭合标签
HTML标签分为2种,一种是“一般标签”,另外一种是“自闭合标签”。一般标签有开始符号和结束符号,自闭合标签只有开始符号没有结束符号。
一般标签可以在开始符号和结束符号之间插入其他标签或文字。
自闭合标签由于没有结束符号,不能插入其他标签或文字,只能定义自身的属性。
(1)、一般标签
举例:<body></body>
(2)、自闭合标签
举例:<br/>、<hr/>
(四)、块元素和行内元素
(1)、HTML元素根据浏览器表现形式分为两类:①块元素;②行内元素;
(2)、块元素特点:
(1)独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素;
(2)块元素内部可以容纳其他块元素或行元素;
常见块元素有:h1~h6、p、hr、div等。
(3)、行内元素特点:
(1)可以与其他行内元素位于同一行;
(2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果;
常见行内元素有:strong、em、span等。
(五)、练习题
(1)、下面是一个网页在浏览器上的效果,请制作一张一模一样的网页。
HTML段落与文字训练题
1
(6)标签的语意
代码语言:javascript复制标签语义对照表
标签名 英文全称 中文解释
div division 分割(块元素)
span span 区域(行内元素)
p paragraph 段落
ol ordered list 有序列表
ul unordered list 无序列表
li list item 列表项
dl definition list 定义列表
dt definition term 定义术语
dd definition description 定义描述
h1~h6 header1 ~header6 标题1~标题6
hr horizontal rule 水平线
a anchor 锚点,超链接
strong strong 强调(粗体)
em emphasized 强调(斜体)
sup superscripted 上标
sub subscripted 下标
br break 换行
fieldset fieldset 域集
legend legend 图例
caption caption (表格、图像等)标题
thead table head 表头
tbody table body 表身
tfoot table foot 表脚
th table header 表头单元格
td td 表身单元格
4、列表
3种列表的语义记忆:
表1 3种列表记忆
代码语言:javascript复制标签 语义 说明
ol ordered list 有序列表
ul unordered list 无序列表
dl definition list 定义列表