html效果大全_代码示例

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。它使用标签（tag）来定义网页的结构和内容，并通过属性（attribute）来控制元素的样式和行为。下面是一些常见的HTML效果示例代码：

1. 文本格式化：可以使用标签来对文本进行格式化，如加粗、斜体、下划线等。示例代码如下：

<p><b>加粗文本</b></p>
<p><i>斜体文本</i></p>
<p><u>下划线文本</u></p>

2. 超链接：可以使用标签创建超链接，使用户能够点击跳转到其他页面或位置。示例代码如下：

<a href="https://www.example.com">点击跳转</a>

3. 图像插入：可以使用标签插入图像到网页中。示例代码如下：

<img src="image.jpg" alt="图片描述">

4. 列表：可以使用标签创建有序或无序列表，展示项目或信息。示例代码如下：

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>
<ol>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>

5. 表格：可以使用标签创建表格，用于展示数据或布局。示例代码如下：

<table>
  <tr>
    <th>标题1</th>
    <th>标题2</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
  </tr>
  <tr>
    <td>数据3</td>
    <td>数据4</td>
  </tr>
</table>

6. 表单：可以使用标签创建表单，用于用户输入和提交数据。示例代码如下：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name" required>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email" required>
  <input type="submit" value="提交">
</form>

以上是HTML中的一些常见效果示例代码。通过使用不同的标签和属性，我们可以创建出丰富多样的网页内容和交互效果。