HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它提供了一套标记(标签)来描述网页的结构和内容。下面是一些常见的 HTML 应用:
- 创建网页结构: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>
- 添加图片和多媒体: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>
- 创建表格:HTML用于创建和格式化数据表格。
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</table>
- 表单处理: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>
- 语义化标记:使用语义化标记可以提高网页的可访问性和搜索引擎优化(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 的一些基本应用,通过组合和扩展这些标记,可以创建出丰富多彩的网页。