html介绍

2022-05-16 13:44:03 浏览数 (1)

(三)、自闭合标签

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    定义列表

0 人点赞