HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它提供了一套标记(标签)来描述网页的结构和内容。下面是一些常见的 HTML 应用:

  1. 创建网页结构:HTML用于定义网页的基本结构,包括头部、标题、段落、列表、链接等元素。
<!DOCTYPE html>
<html>
<head>
    <title>网页标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
    <ul>
        <li>列表项 1</li>
        <li>列表项 2</li>
        <li>列表项 3</li>
    </ul>
    <a href="http://example.com">这是一个链接</a>
</body>
</html>
  1. 添加图片和多媒体:HTML可以嵌入图像、音频、视频等多媒体内容。
<img src="image.jpg" alt="图片描述">
<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
</audio>
<video controls>
    <source src="video.mp4" type="video/mp4">
</video>
  1. 创建表格:HTML用于创建和格式化数据表格。
<table>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>25</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
    </tr>
</table>
  1. 表单处理:HTML表单用于收集用户输入的数据,例如文本框、单选按钮、复选框等。
<form action="submit.php" method="post">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username"><br>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password"><br>
    <input type="submit" value="提交">
</form>
  1. 语义化标记:使用语义化标记可以提高网页的可访问性和搜索引擎优化(SEO)效果。
<header>
    <nav>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系方式</a></li>
        </ul>
    </nav>
</header>
<main>
    <article>
        <h2>文章标题</h2>
        <p>文章内容...</p>
    </article>
</main>
<footer>
    <p>版权所有 © 2024</p>
</footer>

这些是 HTML 的一些基本应用,通过组合和扩展这些标记,可以创建出丰富多彩的网页。