Lession1 HTML.pptVIP

超链接的种类－根据href的取值 链接到其他网页或文件（jpg, rar等） 内部链接a href=../index.htm返回首页/a 外部链接a href= 网易网站 /a 下载链接a href=software/wybook. rar点击下载/a 电子邮件链接 a href=mailto:xiaoli@163.com给我留言/a 超链接的种类－根据href的取值 锚链接（链接到页面中某一指定的位置） 当网页内容很长，需要进行页内跳转链接时，就需要定义锚点和锚点链接，锚点可使用name属性或id属性定义。 a id=yyyy/a !-- 定义锚点yyyy -- a href=#yyyy……/a !-- 网页内跳转链接，链接到锚点yyyy处 -- 也可以链接到其他网页某个锚点处 a href=intro.htm#yyyy……/a !--链接到intro.htm网页的锚点yyyy处 -- 空链接和脚本链接: a href=“#”……/a !-- 相当于没有定义锚点名的锚链接，网页会返回页面顶端 -- a href=JavaScript:alert(确定删除吗)……/a 超链接的打开方式（target的取值） 在本窗口打开：_self （target的默认值） 在新窗口打开：_blank 在父窗口打开：_parent 将链接的文件载入到父框架 在整个窗口打开：_top：将链接的文件载入到整个浏览器窗口中，并删除所有框架 _parent、_top仅仅在网页被嵌入到其他网页中有效，如框架中的网页，所以这两种取值用得很少。 超链接的title属性 title属性在很多标记里都有，其作用是在鼠标停留在该元素上时显示设置的说明文字 如pa href=定义列表.html title=格力太阳能喜获国家免检产品称号格力太阳能喜获#8230;/a/p 超链接制作的原则 可以使用相对链接尽量不要使用绝对链接，如../index.htm 而不是 链接目标尽可能简单 如，而不是/index.jsp 图像标记img 图像标记 ：img src=“图像文件名” / 将图形文件嵌入到网页文档中的当前位置 网页中插入图像有两种方法: 插入一个img元素 将图像作为背景嵌入到网页中 由于CSS的背景属性的功能很强大，现在更推荐将所有的图像都作为背景嵌入。如果图像是通过img元素插入，则可以在浏览器上通过按住鼠标左键拖动选中图片，或者将它拖动到地址栏里，如果作为背景嵌入，则无法选中图片 网页中支持的图像文件格式 网页中可以插入的图像文件的类型有jpg格式，gif格式和png格式。 这些文件都是压缩格式的图像格式 其中jpg格式适合用于网页中较大尺寸的真彩色图片，是一种有损压缩的格式 gif格式一般用于较小尺寸的图片，是一种无损压缩的格式，只支持256色， GIF在存储非连续色调的图像或有大面积单一色彩的图像方面比较出色，gif格式的特点是可以实现gif动画，和gif全透明的图像；png格式可以用于alpha透明效果，但IE6不能够支持。 img标记的常见属性 img是一个行内元素，插入img元素不会导致任何换行。下面是img标记的常见属性： img的属性 含义 src 图片文件的url地址 alt 当图片无法显示时显示的替换文字 title 鼠标停留在图片上时显示的说明文字 align 图片的对齐方式，默认为基线对齐，即图片的下边缘和文字的下边缘对齐 width、height 图片在网页中的宽和高 在单元格中插入图像的方法 对于表格布局的网页，所有的元素都是放置在单元格中的，图像也不例外，要在单元格中插入图像，且单元格的边框和图像之间没有间隙。那么必须将该单元格的宽和高设置为图片的宽和高，且表格中其它单元格的大小也必须固定，然后确保td与/td之间只有img标记，没有空格和换行符，否则单元格会被空格撑开。如： td width=768 height=132img src=images/info.gif //td !-- /td不能换行-- HTML基础 假如图形文件放在网页文档所在目录的上层目录(如home)下，则相对路径就必须是准网址，即用“../”表示网站，后边紧跟文件在网站中的路径. 例如，home是网站下的一个目录，则代码应为： img src=../home/logo.gif。 例如， home是网站下的目录king下边的一个子目录，则代码应为： img src=../king/home/logo.gif。 HTML基础 图像标记举例 html head title图像标记示例/title /head body