网页制作技术指引.pptVIP

网页制作技术指引 10. 1 HTML语言简介 10. 2 Web网页设计 10. 3 使用工具软件设计网页 10. 4 网页上传方式 10. 5 本章实训 10.6 习题 本章要点 利用HTML语言直接制作网页 利用工具软件制作网页 网页的两种上传方式 11.1.2 HTML基本框架 HTML文件是由一对标记(tag)和文本组成。在HTML文 档中，标记名通常写在“〈 〉”内。如：〈HEAD〉、〈BODY〉等。对于HTML标记，大小写或混写均视为相同。标记的作用就是控制页面的布局及文字的显示格式，其本身并不会显示在窗口中。标记通常还带有若干个属性，用来提供一些辅助信息。一般的HTML标记都具有起始和结束标记，放在它所描述的文档的两边，结束标记前加“/”，并且成对出现。如： html……/html title……/title 但也有单独使用的，如：br 下面较详细地介绍HTML语言中常用的标记，只要掌握了这些标记的用法，就可以编写出较为满意的网页了。 1.HTML……/HTML HTML标记是创建HTML文件最基本的标记，它一定成对出现，缺一不可。大部分网页都是以“”标记开始的，在文档的结尾处又以“/”标记结束。网页中所有的文本和其它HTML命令都包含在这一对标记之间。 4.BODY……/BODY BODY和/BODY之间定义的内容将显示在浏览器窗口的用户工作区内，BODY标记要包含在HTML……/HTML标记之间，要成对出现。BODY标记可以包若干属性，基本用法如下： bgcolor 指定html文档的背景色。 l???text 为不包含超级链接的文字颜色。 l???link 为未访问过地超级链接的文字颜色。 l???alink 为超级链接被激活时的文字颜色。 l???vlink 为已访问过的超级链接的文字颜色。 l ckground 指定html文档的背景图片文件。 H1标记定义的字体最大，H6标记定义的字体最小。 7.PRE……/PRE PRE标记被称为“预格式化文本”标记，也就是按照文本的原样显示文本，成对使用。 8.BR BR标记的功能是强制换行，可以使文字在不到窗口、表格的右边时另起一行。换行后的新行和上面的一行仍然在一个段落中，具有相同的段落属性，BR标记单独使用。 10.1.3 利用标记直接制作网页 在上一节中我们只是简单地介绍了HTML中最基本的标记，在本节中将进一步介绍如何利用标记制作更漂亮、更实用的网页。 1．字符风格设置 为了使页面中显示的文字能够满足不同的需要和特殊效果的要求，在HTML语言中也有实现其类似功能的标识符，它们分别是： （1）字符设置 l???? B：粗体 l?????I：斜体 l???? U：带下划线 l?????TT：电传打字机字体 l?????SUP：上标 l?????SUB：下标 l?????STRIKE：删除线 例10.2字符设置： html head title字符风格/title /head body b字符风格/b i字符风格/i u字符风格/u tt字符风格/tt sup字符风格/sup sub字符风格/sub strike字符风格/strike  /body /html HR标记的作用是换行并在该行下画一条水平线，直线的上下两端都会留出一定的空白。HR标记的属性有：SIZE、WIDTH、COLOR和ALIGN。 SIZE 用来设置水平线的粗细，该属性的参数值必须是数字。 l?WIDTH用来设置水平线的长短，该属性的参数值可以是数字或者是百分数。缺省时，水平线占据整个浏览器窗口。 l??COLOR用来设置水平线的的颜色。 l?ALIGN 当水平线的长短小于浏览器窗口宽度时，则可以给ALIGN属性赋值：LEFT、GENTER、RIGHT，用来规定横线的左右位置。 h2计算机工程系h2 /center /body /html 在网页中插入图像能够使网页更加生动活泼、富有生机，达到图文并茂的效果。在浏览器上显示图像必须有特定的格式，目前浏览器通常支持GIF和JPEG格式的图像。在HTML网页中插入图像是通过IMG标识符实现的，它有几个较为重要的属性。下面分别介绍各个属性的用法。 l??SRC属性 SRC属性用来指出插入图像的位置，即图像文件的URL。其格式为：IMG SRC=“图像文件的URL”其中，URL可以用相对地址，也可以用绝对地址