《HTML标记语言》课件.pptVIP

**********************《HTML标记语言》HTML是网页的基石，它定义了网页的内容和结构。HTML简介标记语言HTML是超文本标记语言(HyperTextMarkupLanguage)的缩写，是一种用于创建网页的标准标记语言。网页结构HTML语言由一系列标签组成，这些标签描述了网页的内容和结构。网页呈现浏览器会根据HTML标签来解析网页内容，并将其显示在屏幕上。HTML语言基础标签HTML使用标签来定义网页内容的结构和格式。标签通常成对出现，例如p和/p。属性标签可以包含属性来提供额外的信息，例如imgsrc=image.jpg中的src属性。文本HTML使用文本内容来填充标签，例如p这是一个段落/p中的这是一个段落。HTML标签概述开始标签以小于号()开头，大于号()结尾结束标签以斜杠(/)开头，大于号()结尾标签名称区分大小写，如p和P是不同的标签属性提供标签的附加信息，用空格隔开，例如imgsrc=图片地址/HTML标签分类1结构标签定义网页的基本结构，例如``、``、``、`文本标签段落标签使用P标签来创建段落。每个段落都会以一个空行与其他段落分隔开。标题标签使用H1到H6标签来创建标题。数字越小，标题级别越高。换行标签使用BR标签来强制换行。预格式化标签使用PRE标签来保留文本的原始格式，包括空格和换行符。链接标签创建链接使用a标签创建链接，并使用href属性指定链接的目标URL。文本链接链接文本可以使用任何文本内容，例如单词、短语或图像。链接目标链接可以指向其他网页、文件、电子邮件地址或网页中的特定部分。图像标签图像标签用于在网页中插入图片。常用的图像标签为img标签。img标签的常用属性有：src属性指定图像文件的路径；alt属性用于描述图像内容，当图像无法显示时，会显示该属性值；width和height属性用于设置图像的宽度和高度。列表标签无序列表使用UL标签定义无序列表，LI标签定义列表项。苹果香蕉橙子有序列表使用OL标签定义有序列表，LI标签定义列表项。第一步第二步第三步表格标签结构化数据表格用于展示结构化的信息，方便阅读和理解。排版布局表格可以用于网页布局，但应避免过度依赖表格进行排版。内容组织表格可以帮助将相关内容分组，提高网页的可读性和组织性。表单标签文本输入框用户输入文本信息，如姓名、邮箱、地址等。密码输入框用于输入敏感信息，如密码、信用卡信息等。复选框用于选择多个选项，如兴趣爱好、服务类型等。单选按钮用于选择一个选项，如性别、语言等。布局标签块级元素例如：div、header、footer、article、section、aside、nav、main等行内元素例如：span、strong、em、a、img、input等布局方式常见布局方式包括：浮动、定位、Flexbox、Grid等多媒体标签音频标签用于嵌入音频文件，例如MP3、WAV等。视频标签用于嵌入视频文件，例如MP4、WebM等。对象标签用于嵌入各种类型的多媒体内容，包括音频、视频、插件等。语义化标签增强可读性语义化标签使代码更容易理解和维护，提高了代码的可读性。提升搜索引擎优化搜索引擎可以更好地理解页面内容，提高网站的搜索排名。改善用户体验语义化标签可以帮助屏幕阅读器和辅助技术更好地理解页面内容，改善用户体验。属性概述属性的作用为标签提供更多信息,扩展标签功能。属性的格式属性名=属性值。属性的类型文本、数值、布尔值、枚举值等。属性分类1基本属性用于定义标签的基本特征，例如id、class、style等，这些属性在大多数标签中都通用。2全局属性适用于所有HTML元素的属性，例如lang、dir、title等，它们提供关于页面或元素的整体信息。3事件属性用于响应用户事件，例如onclick、onmouseover等，它们可以触发特定动作或行为。基本属性id用于唯一标识一个元素。每个元素的ID值必须是唯一的。class用于对元素进行分类，允许应用相同的样式或脚本到多个元素。style用于设置元素的样式，例如字体颜色、大小、背景颜色等。title提供有关元素的简短描述，用于鼠标悬停提示。全局属性1id为元素指定唯一的标识符。2class为元素指定一个或多个类名，用于样式和脚本。3style为元素设置内联样式。4title