html基础
一，概述
超文本标识语言（HTML）：什么是HTML，HTML的标准，扩展超文本标识语言（XHTML）， Web浏览器及其标准。
二，HTML代码：介绍创建一个HTML页，标记，文本标记符的结构，段落格式和Block-level元素，Text-Level元素，列表，添加注释，优秀代码的练习。
1，基本标志：
1.<html></html>标识Html文档的开始/结束
2.<head></head>标识Html文档头部的开头/结束
3.<body></body>标识Html文档的主体部分的开头/结束
4.<title></title>标识Html文档的主题的开头/结束
例1 Html文档中基本标志的使用
<html>
<head>
<title>显示在浏览器最上边蓝色条中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>红色背景、蓝色文本</p>
</body>
</html>
2，格式标志
1.<p></p>段落,有align对齐方式属性
2.<br>回车换行
3.<blockquote></blockquote>两边缩进
4.<dl><dt><dd></dd></dt></dl>普通的列表
5.<ol><li></li></ol>标有数字的列表
<ul><li></li></ul>标有圆点的列表
6.<div></div> 用来排版大块Html段落，也用于格式化表,有align对齐方式属性3,文本标志
1.<pre></pre>对文本进行预处理操作
2.<h1></h1>……<h6></h6>六对标题的标志对
3.<b></b><i></i><u></u>黑体字,斜体字,下划线
4.<tt></tt>打字机风格字体
<cite></cite>(斜体)引用方式的字体
<em></em>(斜体加黑体)强调的字体
<strong></strong>(是斜体加黑体)加重的字体
5.<font></font> 字体大小、颜色标志对，通过两个属性 size 和 color 的控制来实现的。三．HTML常用技术
1,插入水平线:<hr>标志一条阴影水平线，它可以直接使用，具有size、color、width和noshade属性。
2,加入图像:<img>标志图像，有src、alt、align、border、width和height属性。src是图片的路径。align对齐方式。border边框。width和Height宽和高。alt属性是当鼠标移动到图像上时显示的文本。
3,特殊字符:HTML字符实体(Character Entities)
一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。比如，要显示小于号，就可以写<或者<。
如何显示空格:通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用＆nbsp；表示空格。(此处使用全角方式以正确显示所有特殊字符，使用时请还原)
显示结果 |
说明 |
Entity Name |
Entity Number |
||||
|
显示一个空格 |
＆nbsp； |
＆＃160； |
||||
＜ |
小于 |
＆lt； |
＆＃60； |
||||
＞ |
大于 |
＆gt； |
＆＃62； |
||||
＆ |
＆符号 |
＆amp； |
＆＃38； |
||||
“ |
双引号 |
＆quot； |
＆＃34； |
||||
(C) |
版权 |
＆copy； |
＆＃169； |
||||
(R) |
注册商标 |
＆reg； |
＆＃174； |
||||
X |
乘号 |
＆times； |
＆＃215； |
||||
／ |
除号 |
＆divide； |
＆＃247； |
4,HTML背景颜色和背景图片:HTML的<body>有两个关于背景的属性，一个是bgcolor，是设置背景颜色的；另一个是background，是设置背景图片的。bgcolor和background这两个<body>的属性，在新的HTML标准(HTML 4 and XHTML)里已不建议使用，而建议用CSS设置背景颜色和图片。为保证浏览器载入网页的速度，建议尽量不要使用字节过大的图片作为背景图片。
5,特殊字体信息:少用特殊字体 虽然你可以在你的HTML 中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。
四，HTML超链接：
1.超链接:＜a href=””>文本或图像</a>href的值可以是URL形式，即网址或相对路径，也可以是mailto: 形式，即发送E-Mail形式。此外target属性用来指明浏览的目标帧，如“_blank”表示打开一个新窗口。
2.锚点（Anchor）标记符:<a name=””></a>标志一个标签(bookmark,记号)，然后使用<a href=”#标签名”></a>来链接到标签处，就可创建页内链接。
五，HTML表格：表格的介绍，表格和数据排列的属性，改变表格的宽度和高度，行和列的合并.
1.<table><tr><td></td></tr></table>
<table></table>标志对用来创建一个表格，它的属性有bgcolor/border/bordercolor/bordercolorlight/bordercolordark/cellspacing/cellpadding/width。<tr></tr>标志对用来创建表格中的每一行。<td></td>标志对用来创建表格中一行中的每一个格子。
2,<th></th>标志对用来设置表格头，通常是黑体居中文字。
六，表单：
1.表单:<form></form>创建一个表单 2.用户输入区:<input type=””>定义一个用户输入区。
type有八种类型:TEXT单行的文本输入区域/SUBMIT提交按钮/RESET重填按钮/CHECKBOX复选框/HIDDEN隐藏区域/IMAGE图像提交按钮/PASSWARD密码的区域/RADIO单选按钮
3.列表框:<select></select><option>创建一个下拉列表框或可以复选的列表框(加入multiple属性),具有multiple、name和size属性。<option>标志放在<select></select>标志对之间,具有selected和value属性，
4.多行的文本框:<textarea></textarea>创建一个可以输入多行的文本框。具有name、cols和rows属性。
七，HTML图像技术：
1,图像映射是指可点击的图形，它将访问者从一个URL连接到另一个，无论目的地是你的站点的其它网页还是互联网其它的什么地方。常见的例子包括导航按钮和站点映射。
2,客户端图像映射允许你提供不依赖于CGI、Web服务器、HTTP（超文本传输协议）或是你的Internet供应上的可点击的图像。当你创建客户端的图像时，你直接在你的Web文档中放置映射的坐标信息。所有的过程在访问者的PC上完成。 传统的图像映射依赖于Web服务器处理映射信息并指挥浏览器该往哪里去，而客户端图像映射过程由客户完成，因此它是独立于服务器的。但是客户端图像映射需要访问者的浏览器支持。最新版本Internet Explorer 和 Netscape支持客户端图像映射。
3,建立客户端图像映射
图像坐标映射格式
形状类型 |
坐标格式 |
||
RECT（矩形） |
左上角x，左上角y，右下角x，右下角y |
||
POLY()（多边形） |
x1, y1, x2, y2, 等 |
||
CIRCLE（圆形） |
圆心x，圆心y，半径 |
<IMG SRC="3C.gif" USEMAP="#ThreeColorMap">
<IMG SRC="Flag.Gif" USEMAP="ThreeColorMap">
<MAP NAME="ThreeColorMap">
<AREA SHAPE="RECT" COORDS="3,4,85,197"
=>HREF="blue.html">
<AREA SHAPE="RECT" COORDS="86,4,212,197"
=>HREF=white.html">
<AREA SHAPE="RECT" COORDS="212,4,327,197"
=>HREF=red.html">
</MAP>4,图像的应用–动画图像（GIF）
当今Web上最广泛使用的图像格式有GIF和JPEGv。GIF文件特别适合于图标、线条等简单图象，这是因为GIF最多支持256色，故不适于高度细节化的图像。JPEG则支持任意多的色彩，并且它是一种高压缩方式，故生成的文件比同样的GIF文件小得多。
GIF是Graphics Interchange Format的缩写，GIF格式实际上有两类：GIF87和GIF89a。由于最早使用的是GIF87，所以它更加通用。GIF89a是在GIF87上进行的改进，加强了透明性和交错功能。透明性是使GIF文件中某种颜色不可见的功能，当GIF文件在Web页上显示时，图象下的背景可透过图象的透明部分，产生图象浮在背景上的效果。交错功能则能在显示时慢慢加强分辨率而渐渐清晰。GIF89a这两种特性的有效应用可产生漂亮的Web页面。
JPEG是Joint Photographic Experts Group的缩写，由于其先进性，受到越来越多的支持。对图像进行处理的程序中，最有名的工具有PhotoImpact 4.0和Photoshop 5.0。可能还需要一种GIF87转换为GIF89a的小工具GIFTool。它可创建透明的交错储存图像，并且可对一组GIF文件进行批处理(可一次对整个目录下的文件进行转换)。如果想让图像变成动画，那就需要GIFCon32。它可在GIF图象中加入控制，在Web页上不断变化，产生极好的效果。
5,图像隔行扫描:电视是隔行扫描，而电脑屏幕是逐行扫描，De-Interlace（隔行扫描）就是用来模拟电视屏幕的显示方式的。包括隔行GIF和逐级JPG方式。
隔行GIF是指图像文件是按照隔行的方式来显示的，比如先出奇数行，再出偶数行，造成图像是逐渐变清楚的。将图像文件保存成隔行GIF格式的方法是，在Photoshop中进行保存时，选择“Interlaced”（不要选择“Normal”），在Paint Shop Pro中进行保存时，点击“Option…”按钮，选择“Interlaced”（不要选择“Non Interlaced”）。
逐级JPG文件可以让图像先以比较模糊的形式显示，随着图像文件数据不断从网上传过来，图像会逐渐变清晰。这样做的好处是图像可以尽快地显示出来，虽然图像不很完美，但是却让浏览者看到了希望，并且图像在不断地变好。将图像文件保存成逐级JPG格式的方法是，在Photoshop中进行保存时，选择“Progressive”，在Paint Shop Pro中进行保存时，点击“Option…”按钮，选择“Progressive encoding”。
还有一种让浏览者可以耐心等待图像显示出来的办法，那就是使用预览图像。即在显示原图之前，先显示一幅字节数比较小，画面质量相对较差的图片。由浏览者决定是否浏览原图。通常，预览图像都是主图像的低分辨率、高压缩率的版本。使用预览图像的方法是：<IMG SRC=“temp.gif” LOWSRC= “preview.gif”>，其中temp.gif是原图，而preview.gif是预览图。
八． HTML帧：
1.帧页面设置：<frameset></frameset>定义帧及其排列。它具有rows和cols属性，至少取其中一属性。这两个属性的取值可以是百分数、绝对像素值或星号(*，表示未指定的帧平均分配)。
2.帧：<frame>用来定义某一个具体的帧。其中必须赋值的属性是src和name。还有scrolling和noresize属性
3.没有边框的帧:<noframes></noframes>放在<frameset></frameset>标志对之间，用来在那些不支持帧的浏览器中显示文本或图像信息。
参见
Web Site制作要点 http://www.online.tj.cn/chaoran/aj0018.htm