常见 html 标签 笔记 （一）

                                         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属性指向；

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

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>定义表格列的组

<table>
			<thead>页眉</thead>
			<tbody>
			<caption>标题</caption>
			<tr>
				<th>表头</th>
				<td>单元格</td>
			</tr>
			</tbody>
			<tfoot>页脚</tfoot>
		</table>

 3.表单标签

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

 

<form action="" method="">
			<input type="text"  />
			<select name="">
				<option value="">123</option>
			</select>
			<textarea rows="" cols="">	
			</textarea>
		</form>

4.列表

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