HTML基础与标签详解：从H1到表格

本篇前端笔记主要涵盖了HTML基础元素和布局的一些关键知识点，包括标题标签的层次结构、段落和换行控制、分割线的使用、文本格式化、链接的创建与命名锚点、以及表格和框架布局的实现。让我们逐一深入解析这些内容： 1. **标题标签**：HTML中的标题标签从 `<H1>` 到 `<H6>` 递减，用于定义页面的层级结构，`<H1>` 通常用于主标题，而 `<H6>` 用于最小的标题或者副标题。 2. **段落和换行**：`<p></p>` 标签用于表示段落，多个连续的文本会组成一个段落。换行可以使用 `<br>` 标签实现。 3. **分割线**：`<hr>` 是水平分隔线，可用于视觉上的分隔，例如在内容之间添加一条清晰的线。 4. **文本格式化**：虽然没有直接提到，但可能指的是CSS样式来调整文本的字体、颜色、大小等，比如使用 `style` 属性或外部CSS文件。 5. **链接**：`<a>` 标签是超链接的核心，`href` 属性指定链接的目标地址，`target="_blank"` 表示在新标签页打开链接。命名锚点 (`<aname="label">`) 用于内部链接，跳转到页面上特定的标签名所标记的位置。 6. **框架布局**：`<frameset>` 元素用于创建多窗口布局，`cols` 或 `rows` 属性分别表示列宽或行高，`framesrc` 属性指定了每个框架加载的HTML文件。垂直框架和水平框架的区别在于列宽和行高的定义方式。 7. **表格**：使用 `<table>` 开始创建表格，`border="1"` 设置边框宽度，`<thead>` 区域定义表头，`<tbody>` 存放表格主体，`<tr>` 代表行，`<th>` 和 `<td>` 分别表示表头单元格和数据单元格。 通过掌握这些基础知识，前端开发者可以更好地构建网页结构，提供清晰的导航和易于阅读的内容呈现。理解并熟练运用这些HTML元素和布局技巧，是前端开发的基础，对于创建现代Web应用至关重要。