前端编程之路一一HTML的常用标签大全

这篇文章距离上次修改已过458天，其中的内容可能已经有所变动。

HTML是用于创建网页的标准标记语言。以下是一些常用的HTML标签：

<!DOCTYPE html>：HTML5标准网页声明。
<html></html>：HTML文档的开始和结束标签。
<head></head>：包含了文档的元数据，如<title>、<meta>、<link>等。
<title></title>：定义了网页的标题，显示在浏览器的标题栏上。
<body></body>：包含了网页的可见部分，所有的用户可见内容都应放在这里。
<h1></h1> to <h6></h6>：定义标题，<h1>最重要，<h6>最不重要。
<p></p>：定义一个段落。
<a href=""></a>：定义一个超链接，href属性指定链接的目标地址。
<img src="" alt="">：插入一张图片，src属性指定图片的路径，alt属性提供图片的替代文本。
<ul></ul>：无序列表，每个列表项用<li>表示。
<ol></ol>：有序列表，每个列表项用<li>表示。
<div></div>：定义了文档的一个区块，或者用于组合其他HTML元素。
<span></span>：用于组合文档中的行内元素。
<form></form>：创建HTML表单，用于用户输入。
<input>：用于收集用户信息，type属性定义不同的输入类型（如text, radio, checkbox, submit等）。
<label>：定义了<input>元素的标签，提供了可见的标签说明。
<table></table>：定义表格，<tr>定义行，<th>定义表头，<td>定义单元格。
<button>：定义一个按钮。

示例代码：




<!DOCTYPE html>
<html>
<head>
    <title>示例页面</title>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一个段落。</p>
    <a href="https://www.example.com">点击这里访问我的主页</a>
    <img src="image.jpg" alt="示例图片">
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
    </ul>
    <form action="submit_page.php" method="post">
        <label for="name">名字:</label>
        <input type="text" id="name" name="name">
        <input type="submit" value="提交">
    </form>
    <table>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>28</td>
        </tr>
    </table>
    <button type="button">点击我</button>
</body>
</html>

这个示例展示了如何创建一个简单的网页，包含了文本、图片、链接、列表、表单、表格和按钮等元素。

前端编程之路一一HTML的常用标签大全

评论已关闭

推荐阅读