新网页设计与制作 任正云 电子教案 第1章 网页基础知识1.pptVIP

网页设计与制作教程 中国水利水电出版社 《网页设计与制作》教材 配套电子教案 2007.6 1.3 HTML基础 1.3.3文本标志 3.文字大小、字体、颜色标志 font/font是一对很有用的标志对，它可以对输出文本的字体大小、颜色进行随意地改变，这些改变主要是通过对它的两个属性size和color的控制来实现的。Size属性用来改变字体的大小，它可以取值：-N、N和+N；而color属性则用来改变文本的颜色。颜色的取值可以是基本标志中讲过的十六进制RGB颜色码或HTML语言给定的颜色常量名。 1.3 HTML基础 1.3.3文本标志 ⒋文本标志的综合应用 htmlhead title文本标志的综合示例/title /head body tetx=blue h1最大的标题/h1 h3使用h3的标题/h3 h6最大的标题/h6 pb黑体字文本/b/p pi斜体字文本/i/p pu下加一划线文本/u/p ptt打字机风格的文本/tt/p pcite引用方式的文本/cite/p pem强调文本/em/p pstrong加重文本/strong/p pfont size=+1 color=#FF0000size取值+1color取值为红色时的文本/font/p /body/html 1.3 HTML基础 1.3.4 图像标志 ⒈图像属性赋值标志 img标志并不是真正地将图像加入到HTML文档中，而是将标志对的SRC属性赋值。这个值是图像文件的文件名，包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到文档中。 所谓相对路径是指所要链接或嵌入到当前HTML文档的文件与当前文件的相对位置所形成的路径。 通常有如下情况： ⑴．假如HTML文件与图形文件（假设文件名为logo.gif）在同一个目录下，则可以将代码写成img src=logo.gif。 ⑵.假如图形文件放在当前的HTML文档所在的目录的一个子目录（子目录名假设是images）下，则代码应该为img src=images/logo.gif。 ⑶.假设图形文件放在当前的HTML文档所在的目录的上层目录（目录名假设是home）下，则相对路径就必须是准网址了。即用“../”表示网站，然后在后面紧跟文件在网站中的路径。假设home是网站下的一个目录，则代码应为img src=../home/logo.gif，若home是网站下的目录king下面的一个子目录，则代码应该为img src=../king/home/logo.gif了。 1.3 HTML基础 1.3.4 图像标志 必须强调，src属性在img 标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，img 标志还有alt 、align、 border、 width和height属性： alt属于是当鼠标移动到图像上时显示的文本。 align是图形的对齐方式。 border属性是图形的边框，可以取大于或者等于0的整数，默认单位是像素。 width和height属性是图形的宽和高，默认单位是像素。 ⒉水平线标志 hr标志是在HTML文档中假如一条水平线，它可以直接使用，具有size、color、width 和noshade属性。 size是设置水平的厚度。 width是设置水平线的宽度、默认单位为像素。 noshade属性不需要赋值，而是直接加入标志即可使用，它是用来假如一条没有阴影的水平线（不假如此属性，水平线将有阴影）。 1.3 HTML基础 1.3.5表格标志 ⒈创建表格标志 table/table标志对用来创建一个表格，下表所示的是属性。 设置表格的宽度，单位用绝对像素值或总宽度的百分比 table width= 设置表格的单元格边框与其内部内容之间空间大小 table cellspacing= 设置表格的单元格之间的空间大小 table cellspacing= 设置边框昏暗部分的颜色（当border的只大于等于1才有用） table bordercolor darkr= 设置边框明亮部分的颜色（当border的只大于等于1才有用） table bordercolor light= 设置边框的颜色 table bordercolor= 设置边框的宽度，若不设置宽度默认值为0 table border= 设置表格的背景色 table bgcolor= 用途