图片标记:行内元素、单边标记
- 语法格式:<img 属性 = “值”>
- 常用属性
-
- Width:图片宽度
- Height:图片高度
- Border:图片边框粗细。
- Src:图片的路径(相对路径)
- Align:图片的水平对齐方式,取值:left、center、right
- Hspace:图片与左右文字之间的距离(水平距离)
- Vspace:图片与上下文字之间的距离(垂直距离)。
-
- 注意事项
-
- 如果图片想等比例缩放,只需要指定width或height其中一个。
- Align属性只能让文本居中,不能让图片单独居中。
- Align可以实现“图文混排”效果。align = “left | right”
-
要想让图片实现居中效果,可以给图片增加一个<div>元素
超级链接:行内元素,<a>中不能再套<a>标记
- 语法格式:<a 属性 = “值”>……</a>
- 常用属性
-
- href:目标文件的地址URL,该URL可以是相对地址,也可以是绝对地址。
- target:目标文件的显示窗口。
-
- _blank:在新窗口中打开目标文件。
- _self:在当前窗口中打开目标文件(默认打开),相当于“替换”操作。
- _parent:在父级窗口来打开目标文件。
- _top:在最顶级窗口来打开目标文件。
- 其中_parent、_top常用框架网页中
-
- 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功能代码