html常用标签及属性

HTML常用标签及属性

HTML（Hypertext Markup Language）是一种用于创建网页的标记语言，它由一系列标签组成。每个HTML标签都包含一些属性，用于定义网页的结构和内容。在网页开发中，熟练掌握常用的HTML标签和属性是非常重要的。本文将介绍一些常用的HTML标签及其常用属性，帮助读者了解HTML的基本结构和用法。

1. 文本标签

• <h1> - <h6>：用于定义标题，<h1>表示最高级标题，<h6>表示最低级标题。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>

• <p>：用于定义段落。

<p>这是一个段落。</p>

• <a>：用于定义超链接，href属性指定链接的目标URL。

<a href="https://www.example.com">点击这里访问网站</a>

2. 图像标签

• <img>：用于显示图像，src属性指定图像的URL。

<img src="example.jpg" alt="示例图片">

3. 列表标签

• <ul>：用于创建无序列表。

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

• <ol>：用于创建有序列表。

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>

4. 表格标签

• <table>：用于创建表格。

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

5. 表单标签

• <form>：用于创建表单，action属性指定表单提交的URL。

<form action="/submit" method="post">
  <!-- 表单元素 -->
</form>

• <input>：用于创建输入框，type属性指定输入框的类型。

<input type="text" name="username" placeholder="请输入用户名">

• <textarea>：用于创建多行文本输入框。

<textarea name="message" rows="4" cols="50">请输入留言内容</textarea>

• <button>：用于创建按钮。

<button type="submit">提交</button>

6. 其他常用标签

• <div>：用于定义文档中的块级元素，通常用于组合其他元素。

<div>
  <p>这是一个块级元素。</p>
</div>

• <span>：用于定义文档中的内联元素，通常用于设置文本样式。

<p>这是一段<span style="color: red;">红色</span>文本。</p>

• <br>：用于插入换行。

<p>第一行<br>第二行</p>

• <hr>：用于插入水平线。

<p>这是一段文本。</p>
<hr>
<p>这是另一段文本。</p>

• <meta>：用于设置网页的元信息，如字符编码和关键词。

<meta charset="UTF-8">
<meta name="keywords" content="HTML,标签,属性">

以上是一些HTML常用标签及属性的介绍，它们是网页开发中最基本、常用的组成部分。在实际开发中，根据不同的需求和场景，开发者还可以使用更多丰富多样的HTML标签和属性，来构建出更加复杂和功能丰富的网页。掌握这些基本标签和属性是学习和使用HTML的基础，也是进行网页开发的第一步。