HTML常见标签使用手册

版权申诉

181 浏览量更新于2024-12-31 收藏 2.82MB ZIP 举报

资源摘要信息:"Html常用标记共51页.pdf.zip" 从文件信息中可以看出，所涉及的知识点主要集中在HTML（HyperText Markup Language，超文本标记语言）上。HTML是用于创建网页的标准标记语言，用于描述网页的结构和内容。文件标题中的“常用标记”指的是在编写HTML代码时频繁使用的元素，这些元素帮助开发者在网页上组织文本、链接、图片、表单等内容。以下是关于HTML常用标记的详细知识点梳理。 1. HTML文档结构 - 文档类型声明：如<!DOCTYPE html>，它告诉浏览器当前页面使用的HTML版本。 - html标签：作为页面的根元素，包含整个HTML文档。 - head标签：包含文档的元数据，如字符集声明、页面标题、引入外部资源等。 - title标签：定义浏览器工具栏中的标题，也会显示在搜索引擎的标题中。 - body标签：包含页面的所有可见内容，如文本、图片、链接等。 2. HTML基本标记 - 标题标签：h1到h6，用于定义不同级别的标题，h1标签通常用于页面的主要标题。 - 段落标签：p，用于定义文本段落。 - 链接标签：a，用于定义超链接，可以通过href属性指定链接的目标地址。 - 图像标签：img，用于在网页上插入图片，通常通过src属性指定图片的路径，alt属性为图片提供替代文本。 - 列表标签：有序列表（ol）和无序列表（ul），列表项使用li标签。 - 表格标签：table，用于创建表格结构，tr表示表格中的行，th表示表头单元格，td表示标准单元格。 - 表单标签：form，用于创建HTML表单，收集用户输入的数据，可以包含各种表单控件如input、textarea、button等。 3. HTML文本格式化 - 加粗标签：strong或b，用于强调文本。 - 斜体标签：em或i，用于强调文本的重要性或语义上的偏斜。 - 删除线标签：del，用于表示文本已被删除。 - 下划线标签：u，用于给文本添加下划线（不推荐使用，因为可能与超链接混淆）。 - 描述列表：dl，用于创建术语列表，dt用于定义术语，dd用于定义描述。 4. HTML内容分组 - div标签：用于对网页上的元素进行分组，常用于CSS样式和JavaScript脚本。 - span标签：内联元素，用于对小块的文本或元素进行分组，常用于行内样式的应用。 5. HTML多媒体元素 - 视频标签：video，用于在网页中嵌入视频内容。 - 音频标签：audio，用于在网页中嵌入音频内容。 6. HTML表单元素 - input标签：用于创建各种类型的输入控件，包括文本框、密码框、复选框、单选按钮等。 - textarea标签：用于创建多行文本输入区域。 - button标签：用于创建按钮元素。 - select标签：用于创建下拉列表。 - option标签：用于定义select元素中的一个选项。 7. HTML5新增元素 - 语义化标签：如article、section、nav、aside、header、footer、figure和figcaption等，用于创建更加结构化的网页内容。 - canvas标签：用于通过JavaScript进行图形绘制。 - audio和video标签：如前所述，为网页增加了播放音频和视频的功能。 - 表单控件增强：如input元素的类型属性新增了email、url、number、range等。 8. 元信息标签（meta） - charset属性：定义文档的字符编码，如<meta charset="UTF-8">。 - viewport标签：用于控制视口的大小和比例，对于响应式设计至关重要。以上是HTML常用标记的知识点总结。理解并熟练运用这些标记，对于创建有效的、易于维护和具有跨浏览器兼容性的网页至关重要。此外，了解HTML5的新特性也是前端开发人员必须掌握的，因为它们提供了更丰富的功能和更好的用户体验。

资源目录

收起资源包目录