(一)大标签 特点:独占一行或者一块区域,竖着排列
1.标题标签
<h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6>
2.段落标签
<p></p>
3表格标签
<table>
<tr>
<td></td>
</tr>
</table>
重要属性 :
边框 border="1" 去掉单元格与单元格之间的间距 cellspacing="0" 去掉单元格的内边距 cellpadding="0"
宽度 width="400" 高度 height="400"
水平对齐方式 align="left/center/right"
合并列(合并右边) colspan="合并单元格的数量"
合并行(合并下边) rowspan="合并单元格的数量"
4.块标签:做页面布局
<div></div>
5.列表标签
5.1无序列表
<ul> <li></li> </ul>
5.2有序列表
<ol> <li></li> </ol>
5.3自定义列表
<dl> <dt> </dt> <dd></dd> </dl>
(二)小标签 特点:是挨着排列,且有默认间距
1.加粗标签
<b></b> <strong></strong>
2.倾斜标签
<i></i> <em></em>
3.超链接标签
<a href="#“ target="_blank"> </a>
4.文本节点标签
<span> </span>
(三)特殊标签
1.图片标签
<img src="路径" title="图片标题" alt="加载失败">
(1)相对路径,一般指的是本地文件(项目文件夹下的文件)的引入。
引入文件的方法:
第一步,确认自己所在的位置;第二步,确认你要找的文件所在的位置,然后判断你们两者之间的关系,如果是同级别关系,就直接写;如果存在下一级关系,就加 / ;如果需要回退到上一级,需要添加 ../
(2)绝对路径,一般指的是线上文件(以http://或者https://开头的文件)的引入。
2.输入框标签
2.1文本类型输入框
<input type="text" name =" " value="" palceholder="给用户做提升用的">
2.2密码类型的输入框
<input type"password" name= "" value= "" placeholder="给用户做提升用的“ >
3.按钮标签
3.1提示标签
<input type="submit" value=”登录“>
3.2按钮注册
<button>注册</button>
3.3重置按钮
<input type="reset" value="">
(四)其他标签
1.换行标签
<br>
2.水平线标签
<hr>
3.空格符号