HTML学习笔记包括简介、基础、元素、属性、标题、段落等

### HTML学习笔记知识点详解####一、HTML简介1. **定义**： - **HTML**（HyperText Markup Language）是一种用于创建网页的标准标记语言。 - **用途**：HTML主要用于描述网页结构，并非一种编程语言。 2. **特点**： - **标记语言**：基于一套固定的标记标签（markup tags）来定义网页结构。 - **文档组成**：HTML文档由一系列标签和文本内容构成。 - **文档类型**：HTML文件通常被称为Web页面。 3. **基本架构**： - **文档类型声明**：``表示文档遵循HTML5标准。 - **根元素**：``标签包裹整个HTML文档。 - **头部信息**：``包含文档元数据，如字符集定义``。 - **标题**：``定义文档标题，显示在浏览器标签页上。 - **主体内容**：``包含网页的所有可见内容。 - **标题**：``至``定义不同级别的标题。 - **段落**：``标签定义一个段落。 ####二、HTML基础1. **标题**： - **定义**：使用``至``标签定义不同级别的标题。 - **示例**： ```html 一级标题 二级标题 ``` 2. **段落**： - **定义**：使用``标签定义段落。 - **示例**： ```html 这是第一个段落。 这是第二个段落。 ``` 3. **链接**： - **定义**：使用``标签创建超链接。 - **示例**： ```html 链接文本 ``` - **属性**： - `href`：指定链接的目标URL。 - `target`：控制链接打开的方式，如`_blank`在新窗口打开。 - `title`：鼠标悬停时显示的信息。 4. **图像**： - **定义**：使用``标签插入图像。 - **示例**： ```html ``` - **属性**： - `src`：图片的源路径。 - `alt`：图片无法显示时的替代文本。 ####三、HTML元素1. **定义**： - HTML文档由多个HTML元素构成，每个元素都有特定的功能。 - **语法**： - **开始标签**：如``。 - **结束标签**：如``。 - **内容**：位于开始标签和结束标签之间。 - **空元素**：不需要结束标签，如``。 - **属性**：为元素提供附加信息，如`class="example"`。 2. **示例**： - **块级元素**： ```html 这是一个段落。 ``` - **内联元素**： ```html 这是一个内联元素。 ``` ####四、HTML属性1. **定义**： -属性为HTML元素提供了额外的信息，如ID、Class等。 - **语法**： - `name="value"`形式，例如`class="example"`。 2. **常见属性**： - `id`：唯一标识符。 - `class`：用于CSS样式化。 - `style`：内联样式。 ####五、HTML标题1. **定义**： - ``至``标签定义不同级别的标题。 - ``最大，``最小。 2. **示例**： ```html 一级标题 二级标题 ``` 3. **水平线**： - ``标签用于创建水平线，用于分隔内容。 4. **注释**： - ``可以帮助开发者理解代码逻辑。 ####六、HTML段落1. **定义**： -使用``标签定义段落。 - **示例**： ```html 这是第一段。 这是第二段。 ``` 2. **换行**： -使用``标签实现换行。 ####七、HTML文本格式化1. **定义**： -用于改变文本外观的标签。 - **粗体**：``或``。 - **斜体**：``或``。 - **删除线**：``。 - **下划线**：``。 2. **示例**： ```html 这是粗体文本。 这是斜体文本。 ``` ####八、HTML链接1. **定义**： -超链接是HTML的核心功能之一。 - **语法**： ```html 链接文本 ``` - **示例**： ```html 访问Example.com ``` 2. **属性**： - `href`：链接的目标URL。 - `target`：控制链接打开的方式，如`_blank`。 - `title`：鼠标悬停时显示的文本。 - `rel`：链接与文档的关系，如`nofollow`。 HTML提供了一种标准化的方法来创建和呈现网页内容。从基本的文档结构到高级的文本格式化和链接功能，HTML都具备丰富的特性和灵活性，能够满足各种网页设计的需求。