前端编程之路一一HTML的常用标签大全
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>这个示例展示了如何创建一个简单的网页，包含了文本、图片、链接、列表、表单、表格和按钮等元素。
评论已关闭