《Web前端技术（HTML5+CSS3+jQuery）》课件_第2章 HTML5常用元素和属性.pptx

第2章HTML5常用元素和属性

学习目标123了解HTML5保留元素、保留的通用属性和新特性掌握HTML5新增的文档结构元素、文本格式化元素掌握HTML5新增的页面增强元素、多媒体元素45掌握HTML5新增的通用属性能够正确使用HTML5新增的元素和属性

本章架构★★★2.1HTML5保留的元素2.2HTML5新增文档结构元素的应用2.3HTML5新增文本格式化元素的应用2.4HTML5页面增强元素的应用2.5HTML5多媒体元素的应用2.6HTML5保留的通用属性 2.7HTML5新增通用属性的应用2.8综合案例★★

2.1HTML5的保留原素

2.1HTML5的保留元素HTML5是最新版本的超文本标记语言，它在HTML4.01基础上进行了继承与发展。HTML5保留了HTML早期版本的大部分元素，这些元素成为HTML5的重要组成部分，把它们按照功能划分，包括页面基本元素、文本格式化元素、超链接和锚点元素、列表相关元素、表格相关元素等，它们都是HTML5的常用元素。

2.1HTML5的保留元素HTML5保留了HTML4.01的页面基本元素，它们是构成Web页面最基础、最常用的元素。●!----：用于定义HTML文档中的注释，作为注释的内容不会被浏览器解析，不会在浏览器中显示。恰到好处的注释，可以增加Web代码的可读性，有助于后续对代码的编辑修改。●html元素：html元素是HTML文档的根元素。●head元素：用于定义HTML文档的页面头部分，其内部可以包含脚本、样式表、元信息等内容。可以书写在head元素中的其他元素主要有base、link、meta、script、style、title等。1页面基本元素

2.1HTML5的保留元素●base元素：用于定义HTML文档中所有链接规定的默认地址或者默认目标。●meta元素：用于定义HTML文档的元信息。●title元素：用于定义HTML文档的页面标题。●style元素：用于定义HTML文档引入的样式，该元素的type属性是必需的，其属性值为“text/css”。●body元素：用于定义HTML文档的页面主体部分，包含页面所要显示的所有内容，例如：文本、超链接、列表、表格、表单、图像等。●h1、h2、h3、h4、h5、h6元素：用于定义标题，共6个级别。h1元素显示的标题文字最大，h6元素显示的标题文字最小。1页面基本元素

2.1HTML5的保留元素●p元素：用于定义段落。浏览器会在p元素定义的段落前后自动创建一定的空白。●div元素：定义文档中的分区或节。该元素是块级元素，浏览器会在div元素定义的块的前后自动放置换行符。●span元素：功能与div元素基本相似，区别是span元素定义的节默认不会换行。●br元素：用于插入一个换行符。●hr元素：用于在页面插入一条水平线。1页面基本元素

2.1HTML5的保留元素在设计制作Web页面时，有时需要使页面中的文字呈现出特定的效果。如果需要呈现的效果相对简单，HTML5的文本格式化元素就可以实现。如果希望呈现更为多样化和吸引用户的页面样式，就需要依靠CSS样式来完成。●b元素：b是bold的缩写，用于定义粗体文本。●strong元素：用于定义粗体文本，与b元素的作用和语法基本一样。●i元素：用于定义斜体文本。●em元素：em是emphasized的缩写，用于定义强调文本，显示效果与i元素定义的斜体文本相似。●sup元素：用于定义作为上标显示的文本。2文本格式化元素

2.1HTML5的保留元素●sub元素：用于定义作为下标显示的文本。●bdo元素：用于定义文本的显示方向。通过设置其dir属性来实现文本显示方向的设置，其属性值可以是ltr或者