图像标签
<img src="../" alt="text" title="text" width="x" height="y" />
src:图片路径../代表跳出当前文件夹
alt:图片未加载时的图片代替文字
title:鼠标悬停在文字上时的文字提示
width:图片宽度单位px
height:图片高度单位px
链接标签
<a href="http://www.baidu.com" target="目标窗口位置">链接文本或图像</a>
href:链接路径
target:链接在窗口打开位
置常用值有
_self:在当前窗口打开默认打开方式
_blank:新建窗口打开
示列
文本超链接
<a href="detail.html" target="_blank">姑娘,欢迎降落在这残酷的世界</a>
图像超链接
<a href="detail.html" target="_blank">
<img src="image/img1.png" alt="姑娘,欢迎降落在这残酷的世界" title="姑娘,欢迎降落在这残酷的世界" />
</a>
锚链接
- 从A页面的甲位置跳转到本页中的乙位置
<a href="#marker">甲位置</a>
<a name="marker">乙位置</a>
- 从A页面的甲位置跳转到B页面中的乙位置
//A页面甲位置
<a href="链接地址#marker">甲位置</a>
//B页面乙位置
<a name="marker">乙位置</a>
甲位置href和乙位置name名字要保持一致实现跳转
行内元素和块元素
块元素
无论内容多少,该元素独占一行。标签有(p、h1-h6…)
行内元素
内容撑开宽度,左右都是行内元素的可以排在一行。标签有(a、strong、em…)