悠悠楠杉
网站页面
HTML基础详解（下），html 基础
06/05
段落（Paragraphs）
HTML使用<p>标签来定义文本段落。每个<p>标签内部应包含一个完整的想法或句子。段落是组织文本内容的基本单位，有助于提升网页的可读性和专业性。
标题与副标题（Headings and Subheadings）
除了主标题外，使用<h2>, <h3>, <h4>, <h5>, 和<h6>等副标题可以帮助读者更好地理解内容结构。副标题让页面层次分明，同时也便于搜索引擎抓取和理解页面的组织结构。
强调与格式化（Emphasis and Formatting）
- 粗体：使用
<strong>或<b>标签来强调文本，使其在浏览器中以粗体显示。<strong>标签还具有更强的语义含义，表示文本的重要性。 - 斜体：使用
<em>或<i>标签来将文本以斜体显示，用于提供文本的另一种视觉效果或风格。<em>标签表示强调语义上的重要性。 - 下划线：虽然HTML5不推荐使用
<u>标签来添加下划线（因为它通常被浏览器用来表示非文本链接），但有时为了样式上的需要，仍会使用CSS来实现。 - 高亮：使用
<mark>标签来高亮显示文本片段，通常用于突出文档中的特定部分。
列表（Lists）
- 无序列表：使用
<ul>标签定义，列表项用<li>表示。例如：
```html
- 苹果
- 香蕉
- 橙子
- **有序列表**：使用`<ol>`标签定义，列表项同样用`<li>`表示，但会按照数字顺序排列。例如：html
- 第一步
- 第二步
- 第三步
- **描述列表**：使用`<dl>`标签定义描述列表，每个描述由一个`<dt>`（描述术语）和一个或多个`<dd>`（描述定义）组成。例如：html
- 计算机科学
- 研究计算机系统和应用的设计、开发和评估的学科。
- 软件工程
- 应用工程原理和最佳实践来开发高质量的软件。
```
链接（Links）与图片（Images）
- 链接：使用
<a>标签创建超链接，可以链接到其他网页、文件、邮箱地址等。例如：<a href="https://example.com">访问示例网站</a>。还可以通过title属性为链接提供额外信息或描述。 - 图片：使用
<img>标签插入图片，并设置src属性为图片的URL地址、alt属性为图片的替代文本，以便于图片无法加载时提供信息。例如：<img src="image.jpg" alt="示例图片" />。
表格（Tables）与表单（Forms）
- 表格：使用
<table>,<tr>,<th>, 和<td>等标签创建表格，用于展示数据时非常有用。例如：
```html
| 列1 | 列2 | 列3 |
|---|---|---|
| 数据1 | 数据2 | 数据3 |
- **表单**：使用`<form>`, `<input>`, `<textarea>`, `<button>`等标签创建表单，用于收集用户输入的数据。例如：html
```
