用HTML元素将值括起来

在HTML中，使用特定的元素来括起值是一种常见的做法，这有助于提高内容的可读性和结构的清晰性。以下是一些基础概念和相关信息：

基础概念

HTML元素：HTML文档的基本构建块，由开始标签、结束标签和可能的属性组成。
标签：用于定义元素的开始和结束，如 <p> 和 </p>。

类型与应用场景

段落 (<p>)：用于文本段落。
标题 (<h1> 至 <h6>)：用于不同级别的标题。
列表 (<ul>, <ol>, <li>)：用于无序列表、有序列表及其项。
链接 (<a>)：用于创建超链接。
表单元素 (<input>, <textarea>, <button>, <select>, <option>)：用于用户输入和交互。
图像 (<img>)：用于嵌入图片。
表格 (<table>, <tr>, <td>, <th>)：用于展示数据表格。

示例代码

以下是一个简单的HTML示例，展示了如何使用不同的元素来括起值：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>示例页面</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落，用于展示文本信息。</p>
    
    <h2>我的兴趣爱好</h2>
    <ul>
        <li>编程</li>
        <li>旅行</li>
        <li>阅读</li>
    </ul>
    
    <h2>联系我</h2>
    <p>电子邮件：<a href="mailto:example@example.com">example@example.com</a></p>
    
    <h2>我的作品</h2>
    <table border="1">
        <tr>
            <th>项目名称</th>
            <th>使用的技术</th>
        </tr>
        <tr>
            <td>个人博客</td>
            <td>HTML, CSS, JavaScript</td>
        </tr>
        <tr>
            <td>在线商店</td>
            <td>HTML, CSS, JavaScript, PHP</td>
        </tr>
    </table>
</body>
</html>