HTML入门：文本格式化与图像标签详解

"前端入门自理笔记02，涵盖了文本格式化、盒子模型、图像标签和路径等基础知识。" 本文档是一份针对初学者的前端入门笔记，主要讲解了HTML中的基本元素和用法，旨在帮助读者理解如何创建和格式化网页内容。以下是详细的知识点介绍： 1. **文本格式化标签** - **加粗**：使用`<strong>`或`<b>`标签，可以将文本加粗，强调内容的重要性。 - **斜体**：使用`<em>`或`<i>`标签，使文本倾斜，常用于表示强调或引用。 - **下划线**：使用`<u>`标签，为文本添加下划线，虽然不推荐频繁使用，但在某些情况下可以用于强调。 2. **盒子标签** - `<div>`：用于分隔和组织网页内容，是一个块级元素，可以设置宽高并进行布局调整。 - `<span>`：用于在行内元素中包裹部分文本，进行样式调整，是一个行内元素。 3. **图像标签和路径** - `<img>`：定义图像，其属性包括： - `src`：指定图像的URL。 - `alt`：提供替代文本，当图像无法显示时显示此文本。 - `title`：鼠标悬停时显示的提示文本。 - `width`和`height`：设置图像的宽度和高度。 - `border`：设置图像边框的宽度。 - **路径类型**： - **相对路径**：根据当前HTML文件的位置来定位图像，更便于文件移动和管理。 - **绝对路径**：提供完整路径，包括盘符或完整网络地址，确保始终指向同一位置。 4. **HTML结构元素** - `<h1>`至`<h6>`：定义六级标题，用于组织文档结构，`<h1>`最大，`<h6>`最小，它们都是块级元素，独占一行。 练习代码中，展示了不同级别的标题使用，以及使用`<br/>`标签来创建换行，这些都是构建网页基本结构的基础元素。 这些基础知识对于任何前端开发者来说都是至关重要的，它们构成了网页内容呈现和布局的基础。通过理解和掌握这些元素，可以有效地构建和设计具有清晰结构和视觉层次的网页。