HTML+CSS初学 （day3）
HTML，全称为超文本标记语言（HyperText Markup Language），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。
一、HTML的基本概念
- 定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。
- 作用：定义网页的结构和内容，使网页内容能够按照预定的格式和布局显示给用户。
1 HTML的基本标签
1.1 标题标签
标题标签（Heading Tags）在HTML中用于定义网页内容的标题或子标题。它们通过到这六个标签来表示，其中表示最高级别的标题，而表示最低级别的标题。
特点：
1.重要性递减：从到，标题的重要性逐渐递减。通常，一个网页中只会有一个标签，用于表示页面的主标题或最重要的内容。而到则可以用于表示各个部分的子标题或更细化的内容结构
2.样式默认加粗：在大多数浏览器中，标题标签默认会以加粗的形式显示，并且到的字体大小会逐渐减小。但是，这些样式可以通过CSS进行自定义。
1.2 文本标签
标签在HTML中是一个空标签（意味着它不需要结束标签），用于在文本中插入一个简单的换行。它不会创建段落间的空间，而是仅仅让文本开始新的一行，就像在文本编辑器中按下回车键一样。
标签是一个简单的格式化标签，用于将文本以粗体显示。它主要关注于文本的样式，而不是文本的重要性或强调。
标签在HTML中是一个内联元素（inline element），通常用于表示一段文本应该以不同的方式显示，比如斜体文本。
在HTML5标准中，标签定义为“表示非文本样式化的下划线，主要用于表示专有名词或拼写错误的文本”。
1.3 水平线标签
1.4 段位标签
标签是HTML（HyperText Markup Language，超文本标记语言）中的一个基本元素，用于表示文档中的一个段落。它是“paragraph”的缩写，意味着文本的一个独立区块，通常包含多个句子，并且与其他段落之间有明显的分隔。
以下是在段落里一些特殊符号的用法：
|
|
一个英文空格 |
| 半个字空格 |
|
| 一个字空格 |
|
| > | 大于号 > |
| < | 小于号< |
| © | 版权 |
| ® | 注册 |
注意事项：因为在html中被<>括起来的内容是被识别为标签的，无法直接读取，只能用>和<来使用括号。
1.5图像标签
标签是一个空元素（即没有结束标签），用于在网页中嵌入图像。它允许开发者将外部图像资源引入到HTML文档中，从而丰富页面的视觉内容和用户体验。
主要属性：
- src（source）：
- 作用：指定图像的URL地址，即图像文件的位置。
- 使用方法：将图像文件的路径或URL放置在
src属性中。路径可以是相对路径（相对于当前HTML文件的路径）或绝对路径（完整的URL地址）。 - 示例：
- alt（alternative text）：
- 作用：提供图像的替代文本，当图像无法显示时（如网络问题、文件不存在等），将显示该文本。同时，alt属性对于无障碍设计和SEO（搜索引擎优化）也非常重要。
- 使用方法：将要显示的文本放置在
alt属性中。 - 示例：
- width 和 height：
- 作用：分别用于指定图像的宽度和高度，有助于控制图像在页面中的布局。
- 使用方法：将要设置的宽度和高度值（可以是像素值或百分比值）放置在
width和height属性中。 - 注意：虽然这两个属性可以控制图像的大小，但现代网页设计中更推荐使用CSS来控制图像的大小，因为CSS提供了更大的灵活性和控制。
- 示例：
- loading：
- 作用：控制图像的加载方式。
- 可选值：
lazy（懒加载，即图像在页面滚动到其位置时才加载）或eager（立即加载，默认值）。 - 示例：
- title：
- 作用：为图像提供额外的说明文本，当用户将鼠标悬停在图像上时显示。
- 使用方法：将要显示的文本放置在
title属性中。 - 示例：
- class、id、style：
- 作用：分别用于设置图像的CSS类、ID和内联样式，以便进行更精细的样式控制和布局。
1.6列表标签
（1）无序列表
无序列表使用（List Item）标签定义。无序列表中的项目通常以圆点（bullet points）作为标记。
（2）有序列表
有序列表使用标签定义。有序列表中的项目通常按数字顺序排列，如1、2、3等。
（3）定义列表
定义列表使用（Definition Term）标签定义，而术语的定义或描述则使用（Definition Description）标签定义。
1.7超链接
在HTML中， 标签用于定义超链接，即从一个页面链接到另一个页面的元素。 标签最重要的属性是 href，它指定链接的目标地址。使用 标签，用户可以点击链接来访问不同的页面或页面上的某个部分，甚至打开电子邮件地址、电话号码、文件等。
锚点链接：
标签还可以用于创建页面内的锚点链接，允许用户点击链接后跳转到同一页面的指定部分。这通过为目标元素设置 id 属性，并在 标签的 href 属性中使用 # 加上该 id 值来实现。
第一节
跳转到第一节1.8表格标签
标签在HTML中用于定义表格。表格是网页上展示数据的一种非常有效的方式，它可以包含行（
）、列（ 或 ）、表头（ ）、表体（）和表尾（）等部分。 标签及其相关标签一起，为网页提供了强大的数据展示能力。
1.9表单标签
标签在HTML中用于创建表单，允许用户输入数据并提交至服务器端处理。它是构建交互式网页的重要元素之一。1.10输入框input
标签是 HTML 中用于创建输入字段的标准元素，允许用户输入数据。它是 表单中不可或缺的一部分，通过不同的 type 属性值， 标签可以变成不同类型的输入框，比如文本框、密码框、单选按钮、复选框、提交按钮等。
1.11下拉列表select
标签在HTML中用于创建下拉选择菜单，允许用户从预定义的一组选项中选择一个或多个选项。它是表单元素之一，常用于收集用户输入的数据。1.12文本域textarea