网站规划与网页设计课件.ppt

网站规划与网页设计 2. 标记的属性 标记只是规定这是什么信息，或是文本，或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。格式为： 标记 属性1=属性值1 属性2=属性值2 … 受影响的内容 /标记 h1 align=left 欢迎！/h1 target属性 target设定链接被单击后结果所要开始窗口的方式。可选值为：_blank，_parent，_self，_top。 _blank:空白视窗，保留原来的窗口，新开启一个窗口浏览所链接的文件内容； _parent:上一层页框视窗，若网页使用框架，则所链接的网页回到上一层的框架所在窗口； _self:本身视窗，默认链接显示方式，所链接的内容取代原来窗口的内容； _top:全视窗，以全窗口的方式出现所链接的网页，取代所有窗口内容。 建立指向其他页面某处的文本 格式为： a href=URL#记号名 热点文本 /a 要在跳转到的位置处加上链接标记： a name=记号名 文字串 /a 如果链接指向其他文件的某一部分，格式为： a href=目标文件路径/文件名#记号名 热点文本 /a img src=图片文件名 alt=简单说明 width=图片宽度 height=图片高度 border=边框宽度 hspace=水平方向空白 vspace=垂直方向空白 align=环绕方式|对齐方式“ / 如果不设定图片的尺寸，图片将按照其本身的大小显示。可使用img标记的width和height属性来设置图片的大小。width和height属性的属性值可取像素数，也可取百分数。 4.7 图片 2 图片标记img 图片也可作为热点，单击图片则跳转到被链接的文本或其他文件。格式为： a href=URL img src=图片文件名 /a 例如，下面代码： a href=vb_book.html img src=vb.jpg alt=VB封面 width=140 height=190 hspace=10 vspace=5“ / /a 4.7 图片 用图片作为热点 【例4-5】图像应用综合实例。本例文件ex4-5.htm在浏览器中的显示效果如图4-7所示。 4.7 图片 4．图像应用综合实例 图4-7 图像应用综合实例 【例4-5】 表格的标记为table，行的标记为tr，表项的标记为td。格式为： table border=n width=x|x% height=y|y% cellspacing=i cellpadding=j tr th表头1/th th表头2/th th…/th th表头n/th tr td表项1/td td表项2/td td…/td td表项n/td … tr td表项1/td td表项2/td td…/td td表项n/td /table 4.8 表格 1 简单表格 在缺省下，表项居于单元格的左端。 (1) 水平对齐 表项数据的水平对齐用标记th、td和tr的align属性。align的属性值分别为：center（表项数据的居中）、left（左对齐）、right（右对齐）或justify（左右调整）。 (2) 垂直对齐 valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。 4.8 表格 2 表格内文字的对齐方式 表格在浏览器窗口中的位置有三种：居左、居中和居右。 使用table标记的align属性。格式为： table align=left|center|right 当表格位于页面的左侧或右侧时，文本填充在另一侧。 当表格居中时，表格两边没有文本。 当align属性缺省时，文本在表格的下面。 4.8 表格 3 表格在页面中的对齐方式 在table、th、tr、td标记中，属性可以改变表格的背景和边框的色彩、添加背景图片，也可以为行和单元格改变色彩、添加背景图片。 bgcolor=色彩或色彩值 设置背景色彩 back