HTML常用的基础标签有哪些
HTML是一种标记语言,用于编写网页。它由一系列标签组成,每个标签定义了不同的元素。在HTML中,常用的基础标签包括:文本标签、图片标签、链接标签、列表标签、表格标签、表单标签。
一、文本标签
文本标签是最基本的标记,用来添加文字到网页中。以下是常用的文本标签:
1. <h1>~<h6>标签:用于添加标题,h1是最大的标题,h6是最小的标题。
<h1>这是一个h1标题</h1> <h2>这是一个h2标题</h2> <h3>这是一个h3标题</h3> <h4>这是一个h4标题</h4> <h5>这是一个h5标题</h5> <h6>这是一个h6标题</h6>
2. <p>标签:用于添加段落。可以通过使用<br>标签来换行。
<p>这是一个段落。</p> <p>这是另一个段落。</p>
3. <b>标签和<strong>标签:两个标签都用于设置文字为粗体,但是<strong>标签的意义更强烈一些。
<b>这是粗体文本。</b> <strong>这是强调文本。</strong>
4. <i>标签和<em>标签:两个标签都用于设置文字为斜体,但是<em>标签的意义更强烈一些。
<i>这是斜体文本。</i> <em>这是强调文本。</em>
5. <u>标签:用于添加下划线。
<u>这是下划线文本。</u>
6. <s>标签:用于添加删除线。
<s>这是删除线文本。</s>
7. <sup>标签和<sub>标签:分别用于上角标和下角标。
E=mc<sup>2</sup> H<sub>2</sub>O
二、图片标签
添加图片是网页制作中常用的功能,以下是添加图片的标签:
<img>标签:
<img src="url" alt="描述">
其中,src属性用于指定图片的路径,alt属性是图片的描述。
三、链接标签
链接是网页中最常用的元素之一,以下是添加链接的标签:
<a>标签:
<a href="url">链接文本</a>
其中,href属性是链接的目标地址。
四、列表标签
1. <ul>标签和<li>标签:用于创建无序列表。
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul>
2. <ol>标签和<li>标签:用于创建有序列表。
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ol>
五、表格标签
表格是网页制作中常用的功能,以下是创建表格的标签:
<table>标签:
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
其中,<tr>标签用于添加表格行,<th>标签用于添加表头单元格,<td>标签用于添加普通单元格。
六、表单标签
表单由用户填写数据,并提交到服务器处理。以下是创建表单的标签:
<form>标签:
<form action="url" method="post"> <!-- 表单元素 --> </form>
其中,action属性用于指定表单提交数据的目标地址,method属性用于设置表单提交的HTTP方法。
常用的表单元素包括:
1. <input>标签:用于添加文本框、密码框、单选框、复选框、隐藏域、文件上传等。
<!-- 文本框 --> <input type="text" name="username" /> <!-- 密码框 --> <input type="password" name="password" /> <!-- 单选框 --> <input type="radio" name="gender" value="male" /> <input type="radio" name="gender" value="female" /> <!-- 复选框 --> <input type="checkbox" name="hobby" value="reading" /> <input type="checkbox" name="hobby" value="traveling" /> <!-- 隐藏域 --> <input type="hidden" name="username" /> <!-- 文件上传 --> <input type="file" name="upload_file" />
2. <select>标签和<option>标签:用于创建下拉列表。
<select name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> </select>
3. <textarea>标签:用于创建文本框。
<textarea name="content"></textarea>
以上就是常用的HTML基础标签,掌握这些标签可以让我们更好地制作网页。
