欢迎访问宙启技术站
智能推送

HTML常用的基础标签有哪些

发布时间:2023-05-16 03:30:46

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基础标签,掌握这些标签可以让我们更好地制作网页。