计算机互联网实用教程（Windows XP版） 教学课件 作者 贾昌传 主编 申海杰 副主编 第八章.pptVIP

第八章 网页制作基础 8.1 网页制作基础知识 网页的学名称作HTML文件，是一种可以在WWW 网上传输，并被浏览器认识和翻译成页面显示出来的文 件。 HTML的意思则是“Hyper text Markup Language”， 中文翻译为“超文本标记语言”。“超文本”就是指页面内 可以包含图片、链接、甚至音乐、程序等非文字的元素。 8.1.1 HTML语言 HTML是网页主要的组成部分， HTML语言是网络 的通用语言，也是一种简单、通用的标记语言，基本上 一个网页都是由HTML语言组成的。 HTML语言允许网页制作人员建立文本与图片相结 合的复杂页面，无论使用的是什么类型的电脑或浏览器， 这些页面可以被网上任何其他人浏览到。 ◆ HTML的组成结构 ① 头部 头部HTML的语法如下： head头部的内容/head ② 眼睛 眼睛的语法如下： title标题/title ③ 身体 身体是网页最主要的部分，其语法是： body页面内容/body ④ 网页的基本结构 htnl head title 标题 /title /head body 页面内容 /body /htnl ◆ 网页背景 ① 背景颜色 body bgcolor = “red” bgcolor即backgroundcolor的意思，本例中设置网页的 背景颜色为红色。 ② 背景图片 body background = “back – ground.gif” ③ 背景音乐 bgsound src=“background_sound.mid”loop=“-1” Loop指循环，loop= “–1”就是无限循环的意思，即只要 打开页面，音乐就不会停止。 ◆ 文字编辑 ① 标题字体 h # 文字/h # ! - - # = 1, 2, 3, 4, 5, 6 - ② 字体的大小（用于一般文字） font size = #文字/font ! - - # = 1, 2, 3, 4, 5, 6, 7 or + # , - # - - basefont size = # ! - - # = 1, 2, 3, 4, 5, 6, 7 - - ③ 逻辑字体（Logical Style） 下划线：u文字/u 代码：code文字/code 删除线：strike文字/strike 闪烁：blink文字/blink 增强：strong文字/strong 强调：em文字/em 示例：samp文字/samp ④ 字体的标志 粗体：b文字/b 斜体：I文字/i ⑤ 字体颜色 常用的色彩值有： Black，Olive，Teal，Red，Blue，Maroon，Navy， Gray，Lime，Fuchsia，White，Green，Purple，Silver， Yellow，Aqua。 ◆ 图片处理 ① 插入图片 img src=# ! - - # = 图片的URL, - - img alt=# ! - - # = 在浏览器尚未完全读入