l 了解HTML的一些背景知识
1. 什么是HTML语言
u HTML是英文HyperText Markup Language（超文本标签语言）的缩写
u 以“<标签名>”标示标签的开始，以“</标签名>”表示标签的结束
u 成对标签又称之为容器，一对标签中还可以嵌套其它的标签
u 单独标签不需要与之配对的结束标签，又称之为空标签，例如<br>
u 一个HTML标签及标签中嵌套的内容就是网页中的一个“HTML元素”
u 属性设置的一般格式为：属性名=属性值，属性值部分可以用英文的双引号（“）或（‘）引起来，也可以不使用任何引号。
2. HTML规范与版本
u 不同的浏览器之间的不兼容问题
u 为什么要制定规范
u 谁来制定规范 IETF W3C
3. IETF与W3C组织
u IETF Internet Engineering Task Forces（Internet工程任务组），由网络设计人员、操作员、厂商、专家组成的民间组织，主要负责有关Internet的各种技术标准及接口规范的制定，其网址为http://www.ietf.org/。IETF以RFC（Requests for Comments，请求注释文档）定名所发布的各类标准与协议，例如，RFC2616（HTTP/1.1）、RFC1521（MIME）。
u W3C World Wide Web Consortium（习惯称之为WWW联盟）于1994年成立，是与WEB有关的企业机构成立的业界同盟，其网址为http://www.w3c.org/。W3C目前的成员仅限于团体或组织，只要交纳一定的费用，并签署一份保证遵守规则的成员协议，任何公司均可jiaru 。W3C对WEB的标准握有生杀大全，负责研究、审定、发布、管理有关WEB的标准，例如，HTML、CSS等。
l HTML的全局架构标签
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
u Text属性：用于设定整个网页中的文字颜色。
u Link属性：用于设定一般超链接文本的显示颜色。
u Alink属性：用于设定鼠标移动到超链接上时，超链接文本的显示颜色。
u Vlink属性：用于设定访问过的超链接文本的显示颜色。
u Background属性：用于设定背景墙纸所用的图像文件，可以是GIF或JPEG文件的绝对或相对路径。
u Bgcolor属性：用于设定背景颜色，当已设定背景墙纸时，这个属性会失去作用，除非墙纸具有透明部分。
u Leftmargin属性：设定网页显示画面与浏览器窗口左边的间隙，单位为像素。
u Topmargin属性：设定网页显示画面与浏览器窗口上边的间隙，单位为像素。
u Class 、name、id、style等属性。
5. 使用Visual Studio.NET产生网页文档
u 自动创建全局架构标签
u 方便设置标签属性
u 颜色类型的属性值有两种表示方式：
l 十六进制RGB颜色码使用一个#号后跟六位十六进制数据，例如#FF0000
l HTML的颜色常量名，例如RED
6. 文档类型定义（Document Type Definition,DTD）
u DTD语法：<!DOCTYPE HTML PUBLIC “version name” “url”>
u HTML指定文档类型的名称。
u PUBLIC表明所依据的DTD文件可对任何人公开访问，而不是某个公司内部的规范文件。
u Version name指定该HTML版本的标识名称。例如，HTML4.0的标识名称为“-//W3C//DTD HTML 4.01 Transitional//EN”。对于ISO标准的DTD以“ISO”三个字母开头；被改进的非ISO标准的DTD以加号“+”开头；未被改进的非ISO标准的DTD以减号“-”开头。
u url指定该HTML语言的定义规范文件在Internet上的位置，例如，http://www.w3.org/TR/html4/loose.dtd。
u loose.dtd、strict.dtd、frameset.dtd等文件名的区别。
l 注释与特殊字符
1. HTML文档中的注释
2. HTML文档中的符号和特殊字符
l 格式标签
1. <p align=”Left（左对齐)Center（居中）Right（右对齐）”></p>
2. <br>显示换行。
3. <nobr></nobr>用于防止浏览器将标签对中过长的内容自动换行显示。
4. <blockquote></blockquote>用于对标签之间加入的文本将会在浏览器中按缩进的效果显示。
5. <center></center>标签对之间嵌套的图形或文本元素在页面的水平方向居中显示。
6. <marquee></marquee>
u 属性direction用于指定其中的图形和文本移动的方向，其设置值可以是left、right、down、up。
u 属性behavior用于指定其中的图形和文本移动的行为，其设置值可以是scroll、alternate、slide。
7. <dl></dl><dt></dt><dd></dd>
u Dl是definition list（定义列表）的简写。
u Dt是definition term（定义术语）的缩写，用来创建列表中的上层项目。
u Dd是definition definition（定义对术语的解释定义部分）的简写，用来创建列表中最下层项目。
8. <ol></ol><ul></ul><li></li>
u <ol></ol>标签对用来创建一个标有数字的列表；
u <ul></ul>标签对用来创建一个标有圆点的列表；
u <li></li>标签对只能在<ol></ol>或<ul></ul>标签对之间使用，此标签对用来创建一个列表项。
9. <pre></pre>
l 文本标签
1. <h1></h1>……<h6></h6>
2. <b></b>粗体<i></i>斜体<u></u>下滑线
3. <sub></sub>下标<sup></sup>上标
4. <tt></tt>打字机风格<cite></cite>引用方式<em></em>需要强调的文本通常斜体加粗<strong></strong>加重文本通常黑体加粗体
5. <font></font>显示文本的字体、字号、颜色。
l 超链接标签
1. 什么是超链接？
2. 超链接标签：<a href=””></a>例如，<a href=http://www.it315.org/>IT资讯交流网</a>
3. 什么是URL？
u URL（Uniform Resource Locator）统一资源定位符
u URL的基本组成：协议、主机名、端口号、资源名。例如，http://www.it315.org:8080/index.html。
u 相对URL，例如，“/a.html”、“./a.html”、“http://www.cnblogs.com/a.html”、“a.html”。基准URL是http://www.it315.org/dir1/dir2/,相对URL是index.html,那么最后得到的完整的URL是http://www.it315.org/dir1/dir2/index.html。
u 为URL指定参数，例如，http://www.it315.org/dealregister.html?name=zhangsan&password=123。
u 带有定位标记的URL，例如，http://www.it315.org/index.html#section2。
u URL编码
l 规则：
n 将空格转换为加号（+）。
n 对0-9，a-z，A-Z之间的字符保持不变。
n 对于所有其他的字符，用这个字符的当前字符集编码在内存中的十六进制格式表示，并在每个字节前加上一个百分号（%）。如字符“+”用%2B表示，字符“=”用%3D表示，字符“&”用%26表示，每个中文字符在内存中占两个字节，字符“中”用%D6%D0号（+）。
l 说明：
n 如果确信URL串的特殊字符没有引起使用上的歧义或冲突，你也可以对这些字符不进行编码，而是直接传递给服务器。例如，http://www.it315.org/dealregister.html?name=中国&password=123。
n 如果URL串中的特殊字符可能产生歧义或冲突，则必须对这些特殊字符进行URL编码。例如，服务器会将不编码的“中+国”当做“中 国”处理。还例如，当name参数值为“中&国”时，如果不对其中的“&”编码，URL字符串将有如下形式：http://www.it315.org/dealregister.html?name=中&国&password=123应编码为：http://www.it315.org/dealregister.html?name=中%26国&password=123。
n http://www.it315.org/example/index.html#section2可改写成 ：http://www.it315.org/example/index.html#section2。
u mailto URL，例如，mailto：zxx@it315.org？subject=Feedback&body=how%20are%20you！
4. 超链接源与超链接目标
5. <a href=””></a>的target属性
6. 用<a name=””>定义定位标记，例如，<a name=”标记1”>第一部分。使用<a href=”#标记1”>跳转到第一部分</a>就可以定位到网页中的“标记1”这个位置。
7. <a href=”#”>……</a>与<a href=””>……</a>的区别
l 图像标签
1. <img>标签，例如，<img src=”Myphoto.gif”>，还可以设置alt、align、border、width和height等属性。
2. <img>标签的显示过程
u 分析：一个WEB服务器是如何借助<img>标签来收集其他WEB站点的页面访问次数的？
3. <hr>标签，可以设置size、color、width和noshade等属性。
l 图像地图
1. 图像超链接格式为：<a href=”url”><img src=”url”></a>。
2. 图像是地图什么？
u 把一幅图像分成多个区域，每个区域指向不同的URL地址。譬如，将一幅中国地图的图像按省市划分成若干区域，这些区域被称为热点，单击热点区域，就可以链接到与相应省市有关的页面，这就是图像地图。
3. 怎样产生图像地图
u 首先必须定义出图像上的各热点区域的形状、位置坐标、及其指向的url地址等信息，这个过程叫图像热点映射。图像热点映射需要使用<map name=mapname></map>标签对进行说明，其中的name属性为该图像热点映射指定了一个名称。
u 图像热点映射中的各个区域用<area>标签说明，<area>标签的格式为：<area shape=“形状” coords=“坐标” href=“url”>。Href部分也可以用nohref替换，表示在该区域单击鼠标无效。<area>标签还可以有一个target属性，用来指明浏览器在哪个窗口或帧中显示href属性所指向的网页资源。
l 图像地图举例
<img src=”china.gif” usemap=”#mymap”>
<map name=”mymap”>
<area shape=”rect” href=”a.html” coords=”140,20,280,60”>
<area shape=”poly” href=”b.html” coords=”100,100,180,80,200,140”>
<area shape=”circle” href=”c.html” coords=”80,100, 60”>
</map>
l Shape属性的设置说明：
n Rect定义一个矩形区域，coords属性设置值为矩形的左上角、右下角的坐标，各个坐标值之间用逗号分开；
n Poly定义一个多边形区域，coords属性设置值为多边形各顶点的坐标值；
n Circle定义一个圆形区域，coords属性设置值为圆心坐标及半径，前两个参数分别为圆心的横、纵坐标，第三个参数为半径。
u 定义好了图形热点映射后，接着就要在<img>图像标签中增加一个名为usemap的属性设置，usemap属性指定该图像被用作图像地图，其设置值为所使用的图像热点映射名称，格式为：在<map>标签的name属性设置值前多加一个“#”字符。例如，<img scr=”china.jpg” usemap=”#mymap”>。
posted on
