[互联网]CSS 制作与操作.doc

HTML基础篇 网页设计基础知识 验证器 HTML验证器在/ CSS验证器在/css-validator/ WEB标准概述：网页由3个部分组成：结构（由什么构成的）表现（每种部分用什么样的字体、格式）行为（决定网页做什么） 文件夹名称。如果一个网站含有大量的音频片段，那么最好是将其放在一个名为music或sound的文件夹中进行管理。 主页对于一个实例网站，其名称应该简化为index.html网站的主页面不能放在任何一个子文件夹中。 HTML网页文档结构 基本语法为：标记内容/标记 以p标记一个文本段落table标记定义一个表格b标记所有文字以粗体显示i斜体显示 HTML文件结构 html标记做为形式上的开始head头文件放在html标记中title标记为标题标记包含在head标记中body主体标记网页显示的内容都放在这个标记中。 font color=#/font标记来控制文本颜色。img src=cup.gir图片插入的标记为img 它有一个src属性用于指明图像文件的位置。 注释标记 html head title注释标记/title /head body 这是正文文本!-这是注释文本……-- /body 在!-和--之间的内容是不会显示在浏览器上的。 用HTML设置文本和图像 html head title段落与换行/title /head body p互联网发展的起源/p p1969年，为了能br为了保障/p /body p标记定义网页中一段文字，文本在一个段落中会自动换行。在一个段落中间换行则可以使用br标记。只需要在希望换行的地方放置一个br标记即可。 设置标题h1……h6 数字越小，级别越高文字也相应越大。 html head title段落与换行/title /head body h1互联网发展的起源/h1 p1969年，为了能br为了保障/p /body 使文字水平居中center html head title段落与换行/title /head body center h1互联网发展的起源/h1/center p1969年，为了能br为了保障/p /body 设置文本段落的缩进 在代码中原来的两个p用标记的段落改为blockquote定义 html head title段落与换行/title /head body center h1互联网发展的起源/h1/center p1969年，为了能br为了保障/p h2第一段落/h2 blockquote1969年，……的新纪元/blockquote /body 设置文字列表（项目列表和序号列表） 建立无序列表ul其中每一个列表项使用li标记 ul li第一项 li第二项 /ul html head title无序列表/title /head body 这是一个无序列表： p ul li第一项 li第二项 /ul /body 建立有序列表ol/ol ol li第1项 /li li 第2项/li /ol html head title有序列表/title /head body 这是一个有序列表： p ul li第一项 li第二项 /ul /body HTML标记和HTML属性 基本语法标记名称 属性名 1=属性值1 属性名2=属性值2……如果一个标记中使用多个属性，各个属性之间以空格来间隔。 1，用align 属性控制段落的水平位置 html head title段落与换行/title /head body h1 aiign=center互联网发展的起源/h1 p1969年，为了能br为了保障/p h2 align=right第一段落/h2 blockquote1969年，……的新纪元/blockquote /body 2,用bgcolor属性设置背景颜色 将body一行改为body text=biue bgcolor=#CCCCFF 其中文字的颜色通过body标记的text属性