html5+css3(五)图片标签 超级链接

图片标记：行内元素、单边标记

1. 语法格式：<img  属性 = “值”>
2. 常用属性
   1. 1. Width：图片宽度
      2. Height：图片高度
      3. Border：图片边框粗细。
      4. Src：图片的路径(相对路径)
      5. Align：图片的水平对齐方式，取值：left、center、right
      6. Hspace：图片与左右文字之间的距离(水平距离)
      7. Vspace：图片与上下文字之间的距离(垂直距离)。
3. 注意事项
   1. 1. 如果图片想等比例缩放，只需要指定width或height其中一个。
      2. Align属性只能让文本居中，不能让图片单独居中。
      3. Align可以实现“图文混排”效果。align = “left | right”

要想让图片实现居中效果，可以给图片增加一个<div>元素

 

超级链接：行内元素，<a>中不能再套<a>标记

1. 语法格式：<a  属性 = “值”>……</a>
2. 常用属性
   1. 1. href：目标文件的地址URL，该URL可以是相对地址，也可以是绝对地址。
      2. target：目标文件的显示窗口。
         1. 1. _blank：在新窗口中打开目标文件。
            2. _self：在当前窗口中打开目标文件(默认打开)，相当于“替换”操作。
            3. _parent：在父级窗口来打开目标文件。
            4. _top：在最顶级窗口来打开目标文件。
            5. 其中_parent、_top常用框架网页中
      3. name：定义锚点链接的名称。(下午讲)

 

1、绝对地址URL

（1）远程的绝对地址

访问远程的文件，总是以“http://”域名、主机名开头。

（2）本地的绝对地址(很少使用)

访问本地的绝对地址，是以file:///开头的绝对地址。

2、相对地址URL（项目中路径一般是相对路径）

（1）当前文件和目标文件是同级关系，链接地址直接写目标文件名。

（2）当前文件与目标文件所在的文件夹是同级关系，先找“文件夹名”，然后再找“文件名”。

也就是，目标文件位于下一级。

（3）目标文件位于上一层目录中，往上找对应的目录，再找目录中的文件。

往上找，使用“../”符号表示。

“../”代表上一级目录

“../../”代表上两级目录

3、特殊的链接

1、下载链接

什么样的文件会出现下载提示？

反过来说，哪些文件网页可以直接执行？如：.jpg、.png、.gif、.html、.htm、.txt等。

大部分文件，浏览器是不能直接执行的。如：.doc、.xls、.ppt、.rar、.psd……

2、邮箱链接

3、普通空链接（#）

 

4、JS链接：添加JS功能代码