静态网页设计基础.pptVIP

静态页面制作基础-HTML语言 页面给人以视觉效果！ 实例演示 计算机如何认识网页！ 网页构成的奥妙是HTML 实例展示由HTML源代码 * * * 静态页面制作基础-HTML语言 HTML简介 HTML的常用基本标志 文字 图片及多媒体效果 超链接 表格 框架 表单 层叠样式表CSS HTML简介 HTML(Hyper Text markup Language) W3C组织（World Wide web Consortium） SGML（Standard Generalized Markup Language）标准通用标记语言 标记:标记信息块的位置和状态。 HTML简介 总体结构： html head title网页标题/title /head body 网页主体部分 /body /html 网页开始标记 网页结束标记 标记头部内容 页面正文部分 Html约定 1、html文件扩展名为:htm或html 2、列宽不受限制，文件在文本中可以写成一行 3、标记用括起来，大小写作用相同A与a一样，除汉字以外其它必须用半角表示 4、注释语句组成：!-注释内容- 设置Web页面背景及颜色 Body属性 body bgcolor=# text=# link=# alink=# vlink=# bgcolor 背景色彩 text 非可链接文字的色彩 link 可链接文字的色彩 alink 正被点击的可链接文字的色彩 vlink 已经点击(访问)过的可链接文字的色彩 色彩的值： #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 或者是下列预定义色彩： Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,  Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 将背景设为图像 body background=image-URL 页面左边的空白 body leftmargin=#页面上方的空白body topmargin=# #为给定一数值，单位是像素 HTML基础 HTML代码的编写和查看 （1）查看HTML代码 （2）书写HTML代码 HTML的常用基本标志 文字 图片及多媒体效果 超链接 表格 框架 表单 文字 格式 P align=*段落内容/P 1 划分段落 对齐属性 Center，Right，Left HTMLBODYH3 P Align=left床前明月光，/P P Align=center疑是地上霜。/P P Align=right举头望明月，/P P Align=left低头思故乡。/P /H3/BODY/HTML 文字 格式 H? Alight=标题属性标题内容/H? 2 插入标题文字 HTMLBODY H1一级标题/H1 H2二级标题/H2 H3三级标题/H3 H4四级标题/H4 H5五级标题/H5 H6六级标题/H6 /BODY/HTML “？”表示标题的级别，可以选择1至6之间的任意整数 文字 设置基准字号：BASEFONT Size=数值 3 字号属性 用于确定基准字号的大小，它的取值范围在0到5之间 网页内的其他文字，采用下面的格式来定义 FONT Size=数值 /FONT Size的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。 颜色 RGB值 颜色 RGB值 black #000000 maroon #800000 green #008000 navy #000080 silver #C0C0C0 red #FF0000 lime #00FF00 blue #0000FF gray #808080 purple #800080 olive #808000 teal #008080 white #FFFFFF fuchsia #FF00FF yellow #FFFF00 aqua #00FFFF 文字 两种方式 BODY text=#RRGGBB FONT Color=#RRGGBB字符串/FONT 4 颜色属性 RR、GG、BB分别以16进制的形式表示红、绿蓝三原色的数值，范围在“OO”和“FF”之间 常用的16种颜色可以直接使用英文单词表示 文字 FONT Face=“宋体,隶书,Time”/FONT 5 字体属性 文字 B/