《html标记语言》课件

《HTML标记语言》PPT课件•HTML基础•HTML元素•HTML标签CATALOGUE•HTML属性目录•HTML进阶知识CHAPTER01HTML基础HTML定义总结词HTML是HyperText MarkupLanguage的缩写，中文称为超文本标记语言详细描述HTML是一种用于创建网页的标准标记语言，它使用一系列标签来描述网页的结构和内容HTML发展历程总结词HTML经历了从HTML

1.0到HTML5的发展历程，每个版本都有不同的特性和改进详细描述HTML

1.0是HTML的初始版本，主要用于创建静态网页随着互联网的发展，HTML不断演进，出现了HTML

2.

0、HTML

3.

0、HTML

4.0等版本，增加了更多功能和元素最终，HTML5成为当前的标准版本，提供了更多现代的特性和功能HTML基本结构总结词HTML文档的基本结构包括DOCTYPE声明、html元素、head元素和body元素详细描述DOCTYPE声明是告诉浏览器文档使用哪种HTML版本html元素是整个文档的根元素head元素包含了文档的元数据，如字符集声明、标题等body元素包含了网页的所有内容，如文本、图像、超链接等CHAPTER02HTML元素块级元素块级元素通常占据其父元素的整个宽度，创建“块”或“区域”div,p,h1-h6,ol,`块级元素可以包含其他块级元素和行内元素行内元素01行内元素不会打断文本流，也不会占据整行02span,a,img,button等是常见的行内元素03行内元素只能容纳文本或者其他行内元素语义元素010203语义元素是为了提供更header语义元素不会对布局产,footer,清晰的标记结构，帮助article,section等都是语义元生影响，但有助于提高素搜索引擎理解内容含义网页的可访问性和SEO效果特殊元素特殊元素是为了满足某些特殊需iframe特殊元素可以用于嵌入第三方内,embed,object,canvas求而设计的等都是特殊元素容、创建图形、游戏等特殊效果CHAPTER03HTML标签标题标签总结词详细描述定义文档标题HTML中的标题标签有六个，从`h1`到`h6`，`h1`最重要，`h6`最次VS要标题标签用于定义文档的标题，显示在浏览器的标题栏或页面标签上段落标签总结词定义文本段落详细描述段落标签`p`用于定义一个文本段落一个段落是一个独立的单位，具有特定的格式和样式在HTML文档中，每个段落都应使用`p`标签进行标记链接标签总结词创建超链接详细描述链接标签`a`用于在HTML文档中创建超链接超链接可以指向同一网站的不同页面，也可以指向其他网站通过使用`href`属性指定链接的目标地址，用户可以点击链接跳转到指定的页面或网页图片标签总结词插入图片详细描述图片标签`img`用于在HTML文档中插入图片通过指定`src`属性为图片的URL，可以插入来自不同来源的图片此外，还可以使用`alt`属性提供图片的替代文本，以便在图片无法加载时显示表单标签总结词详细描述创建用户输入表单表单标签`form`用于创建用户输入表单通过使用不同的表单控件标签（如文本框、单选框、复选框、下拉列表等），可以收集用户的输入信息表单数据可以通过POST或GET方法发送到服务器进行处理CHAPTER04HTML属性链接属性href属性指定链接的目标地址，可以是相对路径或绝对路径链接属性用于定义超链接的属性，使网页中的文本或图片能够跳转到其他网页或同一网title属性页的不同部分为链接添加标题，当鼠标悬停在链接上时，会显示该标题target属性指定链接的打开方式，如在新窗口中打开链接、在父窗口中打开链接等图片属性图片属性用于定义网alt属性为图片添加替页中图片的属性，如图border属性设置图片010305代文本，当图片无法加片的尺寸、边框、对齐的边框大小载时，将显示该文本方式等src属性指定图片的来width和height属性0204源地址，可以是相对路分别设置图片的宽度和径或绝对路径高度表单属性0102030405表单属性name属性value属性placeholder…disabled属性用于定义网页中的表单元指定表单元素的名称，用设置表单元素的值，通常为表单元素添加占位符文禁用表单元素，使其无法素，如输入框、下拉框、于标识表单元素用于提交表单时获取数据本，以提示用户输入内容编辑或选择单选框等其他常用属性class属性为HTML元素添加类名，以便通过CSS样式进行样式化id属性为HTML元素指定唯一的标识符，以便通过JavaScript进行操作style属性为HTML元素添加内联样式，直接定义元素的样式CHAPTER05HTML进阶知识CSS样式CSS简介CSS是用于描述HTML文档样式的样式表语言，可以控制网页的布局、颜色、字体等视觉表现CSS选择器CSS选择器用于选择要应用样式的HTML元素，例如类选择器、ID选择器、属性选择器等CSS样式属性CSS有许多属性，如颜色、字体、背景、边框等，可以用来定制HTML元素的外观CSS盒模型盒模型是CSS布局的基础，它包括内容、内边距、边框和外边距四个部分JavaScript脚本JavaScript简介DOM操作事件处理AJAX与异步请求JavaScript是一种脚本语言，通过JavaScript，可以操作JavaScript可以处理各种用户AJAX允许在不刷新页面的情用于增强和控制网页的行为和HTML文档的DOM（文档对象事件，如点击、鼠标移动、键况下，从服务器获取数据并更交互模型），从而动态地修改网页盘输入等，从而响应用户的操新页面内容内容作HTML5新特性0103语义元素画布（Canvas）HTML5引入了许多新的语义元素，Canvas元素提供了一个绘图平面，如`article`、`section`、可以通过JavaScript绘制图形、动`nav`等，使网页结构更加清晰画等0204多媒体支持表单控件HTML5原生支持音频和视频元素，HTML5新增了一些表单控件，如无需依赖第三方插件日期和时间选择器、颜色选择器等，提高了表单的可用性THANKSFORWATCHING感谢您的观看。