网页中常见的图片格式:.png .jpg .jpeg .gif
图片与当前文档在同一级目录时:直接写图片的文件名
图片放在文件夹里,该文件夹与html文档在同一目录,先进入文件夹再找到对应的图片scr="./images/img01.png" (scr="images/img01.png")
./代表当前目录可以省略
../返回上一级目录
/代表根目录
插入图片:<img scr="....." alt="..." titl="...."> (/与无差别)
alt:图片无法正常显示时显示的文字
title:鼠标移入图片的提示文字
链接:a
最重要的属性是href属性,它指示链接的目标。
1.当前项目中网页的跳转
<a rel="external nofollow" rel="external nofollow" href="text.html">点击去test</a>
<a rel="external nofollow" href="目标页面的相对路径">点击去test</a>
2.跳转到其他网站的页面,比如友情链接
<a rel="external nofollow" rel="external nofollow" href="http://www.wanfangqikan.com/">点击万方</a>
3.锚点链接:跳转到当前页面的指定位置
<a rel="external nofollow" rel="external nofollow" href="http://www.wanfangqikan.com/">点击万方</a>
1)在需要定位的位置加一个标记
<h1 id="top">article</h1>
2)<a rel="external nofollow" href="#top">去article</a>
( <a rel="external nofollow" rel="external nofollow" href="text.html" target="_blank">点击去test</a>从新的窗口打开目标页面)
未被访问的链接带有下划线且是蓝色的
已被访问的链接带有下划线且是紫色的
激活访问的链接带有下划线且是红色的
target属性:规定在何处打开链接文档
_self :默认,在当前窗口打开
_blank:在新窗口中打开