html（二）图像标签、链接标签、行内元素和块元素

图像标签

<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…)