《HTML语言框架》课件.pptVIP

**********************HTML语言框架HTML语言简介超文本标记语言HTML是超文本标记语言(HyperTextMarkupLanguage)的缩写，它是一种用于创建网页的标记语言。网页结构HTML用于定义网页的结构和内容，包括标题、段落、图像、链接等元素。浏览器解析浏览器可以理解并解析HTML代码，将网页内容呈现给用户。HTML发展历程1HTML5(2014)新增语义化标签、多媒体支持、性能优化2HTML4(1997)完善标签规范、新增表格、框架等功能3HTML3.2(1997)引入样式表，提高网页可读性和可维护性4HTML2.0(1995)建立基本标签体系，推动网页快速发展5HTML1.0(1993)网页诞生，开启网络信息时代HTML语法规则标签标签由尖括号括起来，例如``、``和``。属性属性在标签中定义，用于提供有关元素的额外信息，例如`src`、`href`和`alt`。嵌套标签可以嵌套，例如``标签可以包含``标签。HTML基本元素标签(Tags)标签是HTML语言的核心，用于定义网页内容的结构和语义。属性(Attributes)属性是标签的附加信息，用于提供额外的描述或控制元素的行为。文本内容(Content)文本内容是标签之间包含的实际文本，如标题、段落和列表项。HTML常用标签段落标签用于创建段落。标题标签用于定义标题。图像标签用于插入图像。超链接标签用于创建链接。HTML属性使用1属性名称属性名称区分大小写，如：`class`和`Class`是不同的属性。2属性值属性值必须用引号括起来，可以是字符串、数字或布尔值。3属性作用属性可以为元素提供额外的信息，例如：`id`用于标识元素、`style`用于设置元素的样式。HTML文档结构1DOCTYPE声明告诉浏览器使用哪个版本的HTML标准。2HTML根元素包含整个HTML文档的所有内容。3头部元素包含元数据信息，例如标题、字符集和样式表。4主体元素包含用户可见的HTML文档内容，例如文本、图片和链接。HTML文档头部元数据文档标题、、日期、编码等。链接文件引入CSS样式表和JavaScript脚本。字符集指定网页使用的字符编码。HTML文档主体主体内容主体部分包含网页中所有可见内容,例如文本、图片、视频等.标签结构主体内容由各种HTML标签组成,用来描述网页的结构和内容.逻辑组织主体部分通常使用标题、段落、列表等标签来组织内容,提升可读性.HTML标题标签标题级别HTML提供了六个级别的标题标签，从H1到H6，级别越高越重要。文本格式标题标签用于标记网页中的标题，使用不同的标签可以表示不同级别的标题，例如H1代表一级标题，H2代表二级标题。语法结构标题标签的语法结构为`标题文本`，其中``为开始标签，``为结束标签，标题文本是需要显示的标题内容。HTML段落标签作用用于定义一段文本。浏览器会自动在段落前后添加空格，使文本更易读。语法p段落内容/pHTML格式化标签粗体标签使用标签表示粗体文本。斜体标签使用标签表示斜体文本。下划线标签使用标签表示下划线文本。HTML图像标签HTML图像标签使用img标签，用于在网页中插入图片。img标签是一个空标签，没有结束标签，其属性用来定义图片的属性。常见的属性包括：src属性指定图片的路径，alt属性指定图片的描述信息，用于图片无法显示时的替代文本，title属性指定图片的标题，用于鼠标悬停时的提示文本。width和height属性指定图片的宽度和高度，用于控制图片的大小。HTML超链接标签定义链接使用a标签定义链接设置目标使用href属性指定链接地址显示文本链接文本内容HTML列表标签无序列表使用UL标签和LI标签创建无序列表，每个列表项使用LI标签表示。有序列表使用OL标签和LI标签创建有序列表，每个列表项使用LI标签表示。嵌套列表可以在列表项中嵌套其他列表，创建多层级的列表结构。HTML表格标签表格标签TABLE标签用于创建表格，TR标签定义表格行，TD标签定义表格单元格。表格属性BORDER属性设置表格边框，CELLPADDING属性设置单元格内边距，CELLSPACING属性设置单元格间距。表格示例使用表格标签可以方便地展示数据，例如产品列表，价格信息等。HTML表单标签1输入框用于收集用户输入的文本信息，