常见 html 标签笔记（一） html标签

115 阅读 0 评论 76 点赞

我是靠谱客的博主怕孤单手链，这篇文章主要介绍常见 html 标签笔记（一） html标签，现在分享给大家，希望可以做个参考。

html标签

1.html基础元素

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

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

实例如下:

复制代码

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

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

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

实例如下：

复制代码

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

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

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

实例如下:

复制代码

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

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

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

复制代码

1
<a href="http://www.baidu.com"><img src= https://www.baidu.com/img/baidu_jgylogo3.gif/></a>

2.html 表格标签

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
<table>
			<thead>页眉</thead>
			<tbody>
			<caption>标题</caption>
			<tr>
				<th>表头</th>
				<td>单元格</td>
			</tr>
			</tbody>
			<tfoot>页脚</tfoot>
		</table>

3.表单标签

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

复制代码

1
2
3
4
5
6
7
8
<form action="" method="">
			<input type="text"  />
			<select name="">
				<option value="">123</option>
			</select>
			<textarea rows="" cols="">	
			</textarea>
		</form>