《网页设计期末复习资料.docVIP

第1章： HTML（Hyper Text MarkUp Language)超文本标记语言，由标记代码和相关的属性数据组成。标记符通常不区分大小写HTML文件，将文件后缀名改为“htm”或“html” 第2章： body标记 背景色属性bgcolor：body bgcolor = “背景色” 页面文字颜色属性text： body text = “文字颜色” 页面边距属性margin：body leftmargin =“左边距” topmargin =“上边距”（ 边距是页面内容和浏览器边框的距离，包括上边距和左边距。） 标题标记 HTML语言提供6个级别的标题标记：h1、h2、h3、h4、h5、h6。这6个标记用来定义正文标题，样式从大到小。每个正文标题包括的文字自成一段，一般采用加粗的样式，并使得标题文字上下产生空行。 h1 align = “center”1号居中对齐标题/h1 段落标记 p align =“对齐方式”这是第一个段落/p 段落标记可以只有开始标记p而没有结束标记/p。段落开始将产生空行，使得段落之间有间距。 换行标记 这里实现一个换行br 这里再一个换行br 使用/br标记，可以直接实现文字换行。换行标记是一个单独使用的标记，不存在结束标记。 font标记 font size = “字号”……/font size的取值范围为从1到7的整数，默认为3。也可以是-2到+4 font face = “字体名称”……/font font color = “颜色的值”……/font 文字标记的特点 浏览器会自动截去源文件中多余的空格，不管源文件某处增加多少个空格，都被处理为一个空格。 浏览器会自动截去源文件中多余的回车（换行），不管源文件某处增加多少换行，网页显示的时候都自动被清除。 在源文件中，即使将文字编排成段落，浏览器并不把这些文字按段落显示，设置段落一定要使用段落标记p。 标记h和段落p既会产生换行效果，又会自动为文字产生空行，换行标记br不会产生空行。 水平线 hr color =“颜色” width =“宽度” size =“粗细” 有序列表 ol type =“有序类型“ li列表项目1/li li列表项目2/li li列表项目3/li /ol 无序列表 ul type =“无序类型“ li列表项目1/li li列表项目2/li li列表项目3/li /ul 在网页中嵌入图片 img src = “图像文件地址” 网页的背景图像 body background = “背景图像文件地址” head头部信息和title标题 head title网页的标题/title /head 第3章 文字用作超级链接 a href =“被链接文件的地址“ target=“新页面打开方式” 含有链接的文字 /a 图像用作超级链接 a href =“被链接文件的地址” target=“新页面打开方式” img src=“图像的地址” /a 书签链接 建立锚点 a name =“该处的锚点名称” 链接锚点 a href =“#锚点名称” 链接到E-mail地址 a href =“mailto:收件人邮件地址” 含有链接的对象 /a 链接地址的表示 HTML有两种路径的写法：相对路径和绝对路径。 绝对路径：从根目录为起点到你所在的目录；URL“/pic/item/123.jpg” 相对路径：从一个目录为起点到你所在的目录src =“image/abc/456.jpg” 框架 frameset rows /cols=“框架1高度/宽度，框架2高度/宽度，……” frame src =“导入框架1的文件地址” frame src =“导入框架2的文件地址” …… /frameset 第4章 表格及其属性 table tr td第1行第1列/td td第1行第2列/td td第1行第3列/td /tr