HTML标签

HTML标签

参考：HTML Tags

HTML标签是用来定义网页结构和内容的基本元素，它们可以被浏览器解释并渲染成可视化的页面。在HTML中，标签被尖括号包围，并且通常是成对出现的，有一个开始标签和一个结束标签。开始标签包含了属性，属性描述了标签的额外信息，比如颜色、大小、链接等等。

1. 文本标签

a标签

a标签用来创建链接，通过href属性指定链接的目标地址。

<a href="https://how2html.com">Visit how2html.com</a>

p标签

p标签用来定义段落，浏览器会自动在段落之间添加空白。

<p>This is a paragraph.</p>

2. 标题标签

h1-h6标签

h1-h6标签用来定义标题，h1的重要性最高，h6的重要性最低。

<h1>This is a heading level 1</h1>
<h2>This is a heading level 2</h2>
<h3>This is a heading level 3</h3>

3. 列表标签

ul标签

ul标签用来创建无序列表，每个列表项用li标签表示。

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
</ul>

ol标签

ol标签用来创建有序列表，和ul类似，使用li标签表示每个列表项。

<ol>
    <li>Item 1</li>
    <li>Item 2</li>
</ol>

4. 图像标签

img标签

img标签用来插入图片，通过src属性指定图片的路径。

<img src="image.jpg" alt="A beautiful image">

5. 表格标签

table标签

table标签用来创建表格，tr标签表示行，td表示单元格。

<table>
    <tr>
        <td>Row 1, Cell 1</td>
        <td>Row 1, Cell 2</td>
    </tr>
</table>

th标签

th标签用来创建表头单元格，显示为加粗居中的文本。

<table>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2</td>
    </tr>
</table>

6. 表单标签

form标签

form标签用来创建表单，通过action属性指定表单数据提交的URL。

<form action="submit.php" method="post">
    <input type="text" name="username" placeholder="Enter your username">
    <input type="submit" value="Submit">
</form>

input标签

input标签用来创建表单输入框，可以通过type属性指定输入框的类型。

<input type="text" name="email" placeholder="Enter your email">

button标签

button标签用来创建按钮，可以通过type属性指定按钮的类型。

<button type="submit">Submit</button>

7. 其他常用标签

div标签

div标签用来创建一个容器，可以用来组织页面结构。

<div>
    <p>This is inside a div.</p>
</div>

span标签

span标签用来设置文本的样式，通常用来在行内添加样式。

<p>This is <span style="color: red;">red</span> text.</p>

b标签

b标签用来加粗文本。

<p><b>This text is bold.</b></p>

i标签

i标签用来斜体化文本。

<p><i>This text is italic.</i></p>

br标签

br标签用来换行。

<p>This text <br> is on a new line.</p>

总结

HTML标签的使用非常灵活，结合不同的标签可以创建出丰富多彩的页面结构和内容。熟练掌握各种标签的用法，可以帮助我们更好地构建网页，提升用户体验。