HTML 5的常用元素与属性

第一章、HTML 5的常用元素与属性

1.1 HTML 5保留的常用元素
1.1.1 基本元素

1、html:文档根元素。

2、head:文档页面头部。存放文档基本信息,不可见。

3、title:文档页面标题。

4、body:定义主体部分。

5、h1到h6:定义标题一到标题六。(块级元素)

6、p:定义段落。(块级元素)

7、br:插入一个换行。(空元素

8、hr:插入水平线。(空元素

9、div:定义文本中的节。(块级元素

10、span:定义一般性文本。(行级元素

1.1.2 文本格式相关元素

1、b:定义粗体文本。(行级元素

2、strong:定义粗体文本。(行级元素

3、i:定义斜体文本。(行级元素

4、em:定义强调文本。(行级元素

5、small:定义小号字体文本。(行级元素

6、sup:定义上标文本。(行级元素

7、sub:定义下标文本。(行级元素

8、bdo:定义文本显示方向。可以指定属性dir ,属性值为ltr(从左向右排列)或rtl(从右向左排列),用于指定文本排列方向。(行级元素

1.1.3 语意相关元素

1、abbr:用于表示一个缩写。通常指定title属性,用于缩写所代表的全称。(行级元素

2、address:用于表示一个地址。(块级元素

3、blockquote:用于定义一段长的文本引用。可以指定cite属性,指定文本引用的网址URL或出处。(块级元素

4、q:用于定义一段短的引用文本。浏览器会为这段文本添加引号。(行级元素

5、cite:用于表示作品标题。浏览器会斜体显示文本。如*《呐喊》*。 (行级元素

6、code:用于表示一段计算机代码。(行级元素

7、dfn:用于定义一个专业术语。浏览器会粗体或斜体表示文本。(行级元素

8、del:定义文档中被删除的文本。以中划线体现。(行级元素

9、ins:定义文档中插入的文本。以下划线体现。(行级元素

10、pre:预格式化文本。所包含的空格、回车和其他字符会被保留。(块级元素

11、samp:用于定义示范文本的内容。(行级元素

12、kbd:用于定义键盘文本。(行级元素

13、var:用于表示一个变量。通常斜体显示。(行级元素

14、a:定义超链接。href属性用于与引用资源建立链接,target属性指定装载资源的框架,_self(自身)、_black(新窗口)、_top(顶层框架)、_parent(父框架)。(行级元素

1.1.4 列表相关元素

1、ul:定义无序列表。(块级元素

2、ol:定义有序列表。(块级元素

3、li:定义列表项。(块级元素

4、dl:定义术语列表。(块级元素

5、dt:定义标题列表项。(块级元素

6、dd:定义普通列表项。(块级元素

1.1.5 图片相关元素

1、img:定义图片。(空元素src属性指定图片文件位置,alt属性指定图片替代文本。

2、map:用于定义图片映射。(块级元素

3、area:用于定义图片映射的内部区域。可以指定以下属性:

shape:指定内部区域是那种区域,默认值为"rect(矩形区域)",还有值为:circleploy

coords:指定多个坐标值,用于确定区域位置。

​ 除此之外还有hrefalttarget等属性。(块级元素

​ 通过img元素指定usemap属性可以让该图片映射,设置usemap的属性值为**#mapname**即可。

1.1.6 表格相关元素

1、table:定义表格。只能包含0个或1个、、子元素,其余子元素可以多个。(块级元素

2、caption:定义表格标题。(块级元素

3、tr:定义表格行,只能包含、 (块级元素

4、td:定义单元格。(块级元素

​ 属性:

​ colspan:指定合并列。

​ rowspan:指定合并行。

​ height,width

5、th:指定表格的表头单元格。(块级元素

7、tbody:表格主体。(块级元素

8、thead:表格头部。(块级元素

9、tfoot:表格页脚。(块级元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值