1. <html>
标签
<html>
标签定义了一个 HTML 文档,并且是最顶层的标签。
<html> <!-- 内容放在这里 --> </html>
2. <head>
标签
<head>
标签包含了一些元数据,如文档标题、样式表等,它们不会显示在页面上。
<head> <title>页面标题</title> <link rel="stylesheet" href="style.css"> </head>
3. <body>
标签
<body>
标签包含了实际的页面内容,如段落、图像、列表等。
<body> <h1>页面标题</h1> <p>欢迎来到我的网站!</p> <img src="example.png" alt="示例图片"> </body>
4. <h1>
- <h6>
标签
<h1>
- <h6>
标签用于定义标题的级别,其中 <h1>
是最高级别的标题,而 <h6>
是最低级别的标题。
<h1>主要标题</h1> <h2>次要标题</h2> <h3>三级标题</h3>
5. <p>
标签
<p>
标签用于定义一个段落。
<p>这是一个段落。</p>
6. <a>
标签
<a>
标签定义超链接,可以链接到另一个文档或页面上。
<a href="https://www.example.com">链接到示例网站</a>
7. <img>
标签
<img>
标签用于插入图片。
<img src="example.png" alt="示例图片">
8. <ul>
和 <ol>
标签
<ul>
标签用于定义无序列表,而 <ol>
标签用于定义有序列表。
<ul> <li>列表项 1</li> <li>列表项 2</li> </ul> <ol> <li>第一项</li> <li>第二项</li> </ol>
9. <div>
标签
<div>
标签用于将 HTML 文档分成若干个区块,方便进行样式控制和布局。
<div class="box"> <h2>区块标题</h2> <p>这是一个区块。</p> </div>
结论
以上是一些常用的 HTML 标签。当然,HTML 还有许多标签没有在本文中列举出来。熟练掌握这些标签的用法,能够快速地构建出美观、结构清晰的网站。同时,使用良好的代码风格和语法规范,能够提高代码的可读性和维护性。