网页制作1html简介【荐】.pptVIP

判断以下几段代码效果是否相同 font size=7 color=redI1/I2/font3 font size=7 color=redI1/font2/I3 font color=red size=7I1/I2/font3 FONT color=red size=7I1/I2/font3 font size=7 color=redI1/I 2/font3 设置页面布局 body标记的属性（1/2） body bgcolor=#RGB用来改变背景颜色 在填写背景颜色时，可以填写十六进制的数字或是直接填写颜色的名称，如yellow(#FFFF00)、green(#008000)、blue (#0000FF)等。 body background=*.*(背景画面文件名称) .gif 、.bmp和.jpg文件都可以。 可以设定网页背景，但是注意要把图形文档跟html文档放在同一个目录下。 当图片很小作为背景时将相当于电脑桌面平铺的效果。 声音 插入音乐的方法有多种，在body和/body标签中插入以下代码： 装载背景音乐法：BGSOUND src=但愿人长久.mp3 loop=infinite 加载音乐控件法：EMBED src=但愿人长久.mp3 width=0 height=0 ; controls=ControlPanel loop=-1 autostart=true 说明：src属性值为声音文件名；loop属性表示声音文件播放的次数，infinite和-1都表示无限循环。 * * * * * * * 学习目标 掌握html基本写法 掌握html文本标记 了解html符号实体 掌握使用html制作链接 掌握html图像标记 构成网页的基本元素 WWW含义 WWW(World Wide Web)也称为万维网, 它可以通过浏览器从服务器（或称“网站”）获取信息（或称“文档”、“档案”、“网页”） 构成网页的基本元素 网页基本元素 文本 图像 超级链接 表格 表单 框架 GIF动画 flash Html简介 HTML(Hyper Text Markup Language) 全称为超文本标记语言, 是用来编写网页的基本语言 制作网页基本工具 文本编辑器:例如 记事本,写字板,VI , EmEditor等 所见即所得工具:例如 Frontpage、 Dreamweaver等 程序编写工具:例如 UtralEdit等 Html文件基本结构 分为文件头和文件体两部分 基本结构如下: 不属于文档的本体，可以视为该文档的说明。如文档标题、script程序等 在文档主体中所写的内容，就是网页设计者要给使用者看到的内容，包括文字、图形及链接等 编写Html网页注意事项 有始有终： “ ”为标记的起始和结束标记，“ /”为标记的作用范围 相互嵌套： 标记之间可以嵌套 公平对待： 在编码中不区分大小写 标签可以添加属性控制，属性和标签名间有空格间隔，属性之间无顺序区分 文件名以.html或者.htm结尾都可以 特例： 回车和空格在源代码中不起作用，使用br和nbsp替代效果 注释以!- - 开头,以- -结束 Html设置头部信息 设置头信息(head/head之间) 设置网页标题 在title /title之间可以设置网页的标题 设置网页编码 在meta标记中可以设置默认打开网页的编码 meta http-equiv=“content-type” content=“type=text/html;charset=gb2312” 设置页面布局 body标记的属性（2/2） 文字颜色:text=#RGB 全局的文字颜色，如果在对文字单独指定了颜色,则以单独指定的为准 定义超链接样式 1):Alink=颜色(#RGB值)点击时颜色 2):Vlink=颜色(#RGB值)点击后颜色 3):Link=颜色(#RGB值)点击前颜色 标题 网页文字标题 文字标题分为六级,用Hn表示,n为数字,其中n越小,字越大 标题标签如下: 标题标签属性:align(对齐) left :左对齐 center:中心对齐 right :右对齐 换行与段落 换行标记br 段落标记 p../p为成对标记,也可以单独出现 标记属性: p align=left/center/right../p 水平直线 水平直线 水平直线为Hr标记,为单向标记 属性 1):对齐属性: align=left/center/right 2):高度属性: size=数字(单位通常是像素，可省略不写) 3):宽度属性: width=数字或者百分比(百分比为相对于整个网页长度) 4):颜色属性: color=颜色名(#