常见 html 标签笔记（一）

素颜马尾好姑娘i 2022-02-14 03:59 491阅读 0赞

#                                          html标签 #

##  1.html基础元素 ##

**1.h1-h6来定义html文档的标题**

h1-h6是双标签的标记 元素本身占一整行  其中 和h1的标题最大 h6的标签最小

实例如下:

<h1>这是最大的标题</h1>
    <h6>这是最小的标题</h6>

**2.<p>标签来定义文章段落**

<p>标签用来定义文章段落  p标签是双标签 占一行  当进行文字排版时候 需要使用</br>等标签进行换行等操作；

实例如下：

<p>这是一段文本 这是第二行</p>
    <p>这是一段文本</br>这是第二行</p>

**3.<a>标签来定义链接**

a标签用来定义链接 用来进行跳转 a标签占内容大小 是双标签 当进行跳转 或者跳转到本页面的某个位置的时候，就可以使用超链接 href 属性是目标的地址

实例如下:

<a href=“https://mp.csdn.net/postedit?not_checkout=1”>跳转到我的主页</a>

**4.<img>来定义html中的图像**

img来html文档中的图像 是单标签 占内容大小 可以设置宽高 可以将img标签和a标签进行嵌套实现点击图片进行跳转 图片的位置用src属性指向；

## 2.html 表格标签 ##

1.  <table>标签  表格的定义标签  每一个表格都放在table标签中
2.  <tr>标签 用来将表格划分为若干行 不是实际意义的行；
3.  <td>标签  用来表示表格中的单元格  放在tr标签 将tr划分为多个单元格
4.  <th>标签 用来定义表格的表头
5.  <caption>标签 用来定义表格的标题
6.  <thead>表格的页眉
7.  <tbody>表格的主体
8.  <tfoot>定义表格的页脚
9.  <col>定义用于表格列的属性
10. <colgroup>定义表格列的组

##  3.表单标签 ##

1.  <form>标签提供用户输入的表单
2.  <input>定义用户的输入域
3.  <textarea>定义文本域（一个多行的输入控件）
4.  <label>定义一个控制的标签
5.  <filedset>定义域
6.  <leqend>定义域的标题
7.  <select>定义一个选择的列表
8.  <optgroup>定义选项组
9.  <option>定义下拉列表
10. <button>定义一个按钮

## 4.列表 ##

1.  ul定义无序列表
2.  li定义列表项
3.  ol定义无序列表
4.  dl自定义列表