网页制作基础知识43084.ppt

网页制作基础知识 ( html) HTML语言简介 HTML(hypertext markup language)即超文本标记语言 它通过多种标准化的标记符号对网页内容进行标注，对页面超媒体内容的输出格式以及各内容之间逻辑上的关系等进行描述与指定。 HTML文档的编写方法 手工直接编写 写字板、记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html HTML语言基本标记 Html文件均以html标记开始，/html结束 head /head标记页面标题信息 body /body标记页面主体内容 第一张网页 html head titlemy first page/title /head body This is my first homepage! /body /html HTML元素属性 head元素head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。（如下页的meta） title元素 title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 HTML元素属性 meta元素 meta元素下面可以插入很多很有用的元素属性。下面介绍两种： 1. meta name=“keywords” content=“网站名称,产品名称…… 这是让客户容易搜索到网站的方法，其中content里边填写关键词，关键词要大众化，并且尽量多一些。这里有个技巧，如果将一些关键词重复，可以提高网站的排名。 HTML元素属性 meta元素 2. meta http-equiv=“refresh” content=“5;URL=” 用来自动刷新网页 见zidongtiaozhuan body元素属性 body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。 (2)background background属性标志HTML文档的背景图片。如：background=“images/1.jpg。 可以使用的图片格式为GIF，JPG (5)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 例：1-1 常见颜色的代码 文本标签属性 font font标记用来定义文字的字体、大小、颜色，为成对标记 face定义字体 size定义字号 color定义颜色，颜色用16进制或RGB代码来表示 font两边可添加b/b和i/i 段落与分行控制 建立html文件： hi标记符用于定义段落标题的大小级数， 成对出现。 最小的标题级数是 h6 ？ 使用align属性可控制文字的对齐方式 见1-2.txt 段落与分行控制 建立html文件： p标记符用于划分段落，一般成对出现，也可单独使用 见1-3.txt 段落与分行控制 建立html文件： br标记符用于定义文本从新的一行显示，为非成对标记符 见1-4.txt p和br的区别：前者可设居中等，段落之间有空行 段落与分行控制 标尺线 hr size = #：设定线宽 hr width=#：设定线长 hr align=#：设定对齐方式 center，left, right hr color=# ：设定线的颜色 见1-4.txt 项目列表编号 建立html文件： 列表标记包括“项目列表”标记UL、“编号列表”标记OL。都是成对标记。 在ul之间还可以使用li来设定项目内容，注意type属性的设置与显示效果的不同，Li可单独使用。 见1-5.txt 链接 建立html文件： Html是通过a标记符来实现超链接的，为成对标记。 Href链接文件的地址 Target链接目标的位置 可指向电子邮件、站内文件、其他网站文件 链接 绝对地址直接标记所链接的文件位于某个服务器中的网站内，主要用来链接其他网站的网页，如： a href=““链接/a 相对地址标记所链接的文件用来链接当前网站中其他网页，如： a