h1 - h6
表示标题,1-6级标题p
表示段落a
表示链接,标签是需要闭合的。
属性:
1 href :表示链接的跳转位置
eg:
href ="www.baidu.com"表示跳转到百度
href ="#"表示点击后不跳转
href ="#about"表示点击后跳转到id=about的标签
href ="/test"表示跳转到根路径下的test路径
2 target
target= "_blank"表示新打开一个网页
target= “myPage”表示在当前页面打开该跳转链接
3 title:当鼠标移动到标签上时几百毫秒后提示该标签的指向。img
表示加载一个图片,该标签是自闭合标签,不需要写闭合标签
属性:
4.1src:表示图片的地址
4.2alt:对图片进行解释,当图片加载不出来的时候就会起到提示作用,或是当阅读程序时起到提示该图片是什么的作用,还可以有利于搜索引擎搜索。div
表示一个区块,区块之前可以嵌套
属性:
5.1 id :用来区分各个区块ul 无序列表
直接子元素: li 可以嵌套。
ul后必须是li,不可以再有其他的标签ol 有序列表
直接子元素: li 可以嵌套。
ul后必须是li,不可以再有其他的标签dl dt dd(自定义段落 自定义标题 自定义行)
<dl>
<dt>品名:</dt>
<dd>珍珠</dd>
<dt>价格:</dt>
<dd>5RMB</dd>
<dt>产地:</dt>
<dd>太湖</dd>
</dl>
button
表示按钮
eg:<button>点我</button>
strong em span强调重要性由强到弱
iframe 画一个框
src:框内的源地址
name:区别不同的框
eg:<a href="http://jirengu.com" target="myPage">简书</a> <iframe src="http://jirengu.com" name="myPage"></iframe>
这段代码点击简书就会在框内显示a链接对应的目标网址table
展示一个表格
thead-表头
tbody-表体
tfoot-表尾
tr-表格中的行
th- 表头里的列
td-表体中的列
eg:
<table>
<thead>
<tr>
<th>年龄</th>
<th>姓名</th>
</tr>
</thead>
<tbody>
<tr>
<td>23</td>
<td>小明</td>
</tr>
<tr>
<td>24</td>
<td>小花</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
DOCTYPE
<!DOCTYPE html>
告诉浏览器如何渲染html
说明该文件是用超文本标记语言来描述的,meta
定义了HTML文档中的元数据head
定义了文档的信息title
定义了文档的标题body
称为实体标记。放置网页的主题内容