HTML标签详解与基本用法

"HTML学习笔记" HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过使用一系列预定义的标签来描述网页内容和结构，使浏览器能够正确地解析并呈现页面。以下是对标题和描述中涉及的一些HTML标签的详细解释： 1. **标题标签（h1-h6）**：用于定义页面的各级标题，h1是最高级别的标题，h6是最小级别的标题。它们帮助搜索引擎理解页面的结构和内容重点。 2. **段落标签（p）**：用于表示文本的段落，每个段落会被浏览器自动添加一些间距。 3. **强调标签（em）**：用于表示文本的强调，通常浏览器会以斜体显示。 4. **强样式标签（strong）**：表示重要或强烈的文本，浏览器通常以加粗显示。 5. **行内元素标签（span）**：用于对文本进行分组，可以应用CSS样式，但本身不携带任何语义。 6. **引用标签（q）**：用于短引用，浏览器通常会在前后添加引号。 7. **块引用标签（blockquote）**：用于长引用，通常会缩进显示。 8. **非中断空格（&nbsp;）**：在HTML中插入一个不可换行的空格。 9. **换行标签（<br/>）**：用于强制文本在指定位置换行。 10. **水平线标签（<hr/>）**：在页面上绘制一条水平线，常用于分隔内容。 11. **地址标签（address）**：用于展示联系信息或作者信息，通常以斜体显示。 12. **代码标签（code）**：用于表示代码片段，浏览器会保持文本的原始格式。 13. **预格式化标签（pre）**：保留文本的空格和换行，常用于显示代码块。 14. **列表标签（li, ul, ol）**：li用于创建列表项，ul表示无序列表，ol表示有序列表。 15. **分组容器标签（div）**：用于组织页面布局，可以通过CSS样式控制其行为。 16. **表格标签（table, caption, tbody, tr, th, td）**：table用于创建表格，caption定义表格标题，tbody表示表格主体，tr代表表格行，th是表头单元格，td是普通数据单元格。 17. **样式标签（style）**：用于在HTML文档内部定义CSS样式，示例中展示了如何设置表格边框。 18. **链接标签（a）**：创建超链接，href属性定义链接地址，title提供鼠标悬停时的提示信息，target属性决定新链接是在当前窗口打开还是新窗口打开。 19. **电子邮件链接（mailto）**：通过链接触发发送电子邮件的客户端，可以添加cc、bcc、subject和body参数。 20. **图像标签（img）**：用于插入图片，src属性指定图片URL，alt提供图片替代文本，title为鼠标悬停时的提示。 21. **表单标签（form）**：用于创建用户交互的表单，method属性定义提交方式（get或post），action指定处理表单数据的服务器端脚本。 22. **表单输入元素（input）**：包括不同类型的输入控件，如文本输入（type="text"）、密码输入（type="password"）等，name属性用于识别数据，id用于关联label标签。 这些标签构成了HTML的基础，通过组合使用它们，开发者可以构建出丰富的网页内容和结构。了解并熟练掌握这些标签对于创建响应式、可访问且功能完善的网页至关重要。