03HTML语言简介2题稿.pptVIP

课前提问 HTML语言是做什么用的？ HTML语言的标记有哪几类？ HTML文档的结构是怎样的？ 如果要设置HTML页面的背景色为红色，应如何书写标记？ 如何设置超级链接和锚标识？ 超级链接有哪些类型？ 如果要设置一行文本的字体大小是7号，应如何书写标记？ HTML有哪些列表类型？ 什么是块级元素和行内元素？ 图像标记 img src=# #=图象的 URL img alt=# #=在浏览器尚未完全读入图象时，在图象位置显示的文字。 img src=f.gif alt=MY FACE :-) img src=url HEIGHT=20 WIDTH=20 网页中支持的图像文件格式 网页中可以插入的图像文件的类型有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 图片在网页中的宽和高 图像标记 图象和文字的对齐 img align=# #=top, middle, bottom img src=URL align=top My face! 通常是将图片放在表格里，通过表格定位来实现文本和图像的混排。 图像标记 图象在页面中的对齐/布局(Floating Image) img align=left img src=URL align=leftMy Face!brIt is alwaysbrsmiling.brHahaha....br 图像标记 在图象周围加空白 img vspace=# hspace=# #=value 图像标记 用图像做超链接： a href=index.htmimg src=images/info.gif title=返回首页 border=0 //a 使用图像做超链接后，图像会自动增加边框，可设置边框为0去掉。 表格（Table）标记（TAG） 表格的重要性：表格在网页中的地位十分重要。表格可用来列表显示数据或进行网页布局。 表格的基本语法 table.../table 定义表格tr 定义表行th 定义表头td 定义表元(表格的具体数据) 一个表格的代码 table border=1 width=170 height=100 tr thTitleA/th thTitleB/th thTitleC/th  /tr tr tdA/td tdB/td tdC/td /tr/table Table 表格标记table的常见属性 table的属性 含义 border 表格边框的宽度 bordercolor 表格边框的颜色，若不设置，将显示立体边框效果 bordercolordark bordercolorlight 设置边框暗部分和明亮部分效果，IE才支持这两个属性 bgcolor 表格的背景色 background 表格的背景图像 cellspacing 表格的间距 cellpadding 表格的填充 width，height align 表格的宽和高，可以使用象素或百分比做单位，align是水平对齐属性 Border 是表格的边框属性，在书写的时候直接写border=某个数值 *设置表格边框为0时，会使单元格边框也变为0象素，而设置表格边框为其他数值时，不会影响单元格边框的宽 cellspacing 是单元格间隙的大小。 cellpadding 是单元格内部空白部分的大小 表格 间距cellspacing的作用 填充cellpadding的作用 table border=1 width=170 height=100 cellspacing=0 可设置边框为1像素的单线边框 表格的rules属性 rules属性：可实现只显示表格的行边框或列边框，取值为rows时只显示行边