html 语言
我们经常浏览网页，可是网页到底是什么？网页一般由文字和图片组成，复杂一些的还有声音、图像、动画等多媒体内容，几乎所有的网页都包含链接，可以方便地跳转到其它相关网页或相关网站。那么这些文字、图片、声音是由HTML语言的连接而构成的。所以网页是由HTML语言做成。HTML是（Hyper text markup language）超文本标识语言，网页的扩展名为*.htm或*.html。
网站：是由具有相关联的众多不同内容的网页组成的。
主页（首页）:是网站的第一个网页。（应该制作的比较漂亮，以吸引浏览者）
编写网页的工具有：Frontpage、DreamWeaver、Flash、Fireworks以及记事本。前面四个软件都是编写网页时在所写即所得，而记事本是在纯HTML代码的情况下编写的，用户需要记住少量的代码。
HTML文档的基本结构：
<htmL>它表示文档的开始
<head>表示文档头部的开始
<title>永远有多远——苛求完美，寻找自我</title>（网页的标题）
</head>表示文档的头部结束
<body>文档的正文的开始
</body>文档正文的结束
</html>表示文档的结束
特点：一个html文档由一系列标识符（代码）组成，这些标识标识符均包含在尖括号<>中（英文状态下的尖括号），而且大多数标识符成对出现，成对出现的标识符中后一个以</标识符>结束，一对标识符仅对包含其中的文档部分发生作用。
注意：（1）HTML文档的标识符并不区分大小写，但最好前后保持一致。（UNIX服务器区分）
（2）对标识符的属性赋值时，并非使用引号。但为了养成一个良好习惯，使赋值比较规范建议带上引号。
网页的页面属性：
定义网页的背景色：颜色值既可以是英文的颜色名字，也可以用十六进制表示的颜色值，十六进制（用0－9和a-f组成，共6位，需在前加＃，如#000000,#ffffff分别表示黑色和白色。）bgcolor=red,yellow,blue,green,#ffffff
text：非链接文本的颜色 text="white"
link：链接文字的颜色 link="#006699"
alink:正被单击的链接文字的颜色 alink="red"
vlink:已经单击过的链接文字的颜色 vlink="yellow"
background:背景图片使用 (*.jpg或 *.gif)(如：background="d:\a.jpg")
超级链接：
<a href="url" target=#>文字或图片</a>
url：代表一个网址或内部网站的一个文件
#代表：target="_blank" 在新窗口中打开
target="_self" 在本窗口中打开
网页的页边空白：
我们使用的显示器的分辩率为1024＊768，现在大部分使用的分辩率还是800＊600，因此我们编写网页时，最好编写成800＊600分辩率下的网页，1024－780＝244　244/2=122 所以网页左边空白为122个像素
设置网页左边的空白：<body leftmargin=#>
网页顶边的空白(body topmargin=#)#代表的是多少空白的像素
标题字体：<h1></h1>.....<h6></h6>
数字越小字体越大，另外设置标题字格式后，文字变为黑体，并且和下面的文字自动隔一行.
如：<h1>一号标题</h1>
<h2>二号标题</h2>
<h3>三号标题</h3>
<h4>四号标题</h4>
<h5>五号标题</h5>
<h6>六号标题</h6>
字号：<font size=#>文字</font>　#=1-7
设置字形：字形即中文文字的楷体、隶书、以及其他字体，或英文文字的Arial<font face=#>文字</font>#＝隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial
设置文字的颜色：
<font color=#>文字</font>
#＝black blue maroon #ff0000（红色） #00ff00（绿色）#0000ff(蓝色） #ff00ff（紫色）
上面介绍了字体设置的几组标识符。字体设置的标识符很多，可以组合使用，只需要一一成对匹配即可。作用于某一段文字的多个标识符发生冲突时，最里面的一标识符起作用：
例如：
<i><font size=4 color="red"><b>丰富</b>
<u>多采的</u>
<font size=6 color="#0000ff">字体！</font></font></i>
物理字体：指文字的粗体、斜体、下划线等形式
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<sub>下标字体</sub>
<sup>上标</sup>
<s>删除线</s>
<big>这是大号字体</big>
<small>这是小号字体</small>
一网页布局：
1设置水平线：（洪恩在线网站：http://www.hongen.com）
<hr>
（1）水平线的粗细<hr size=#>#代表像素　例：<hr size=10>
（2）水平线的宽度 <hr width=#> 像素和窗口的百分比<hr width=50> <hr width=50%>
（3）水平线的颜色 <hr color=#> #为Black
（4）水平线的对齐方式：<hr align=#> #=left, right，center（左对齐、右对齐、居中）
行的控制：
(1)要换行加<br>
(2)段落：<p>或<p>文字</p>
(3)强制不换行：<nobr>或<nobr>文字</nobr>
(4)标题文字的对齐方式：1、<hn align=left center right>...</hn>(n=1-6)
例：<h1 align=center>要想瘦，多吃青菜，少吃肉</h1>
2、<p align=left center right>...</p>
3、<div align=left center right>...</div>文本分区显示对齐方式
4、<center>文字</center>包含的内容居中对齐
七图像：
.bmp .jpg .gif（其中，.bmp文件因为存储空间大，传输不够快，所以并不常用，常用的是.jpg和.gif文件，.jpg文件存储颜色多，存储空间小，gif文件支持动画效果,但支持的颜色数少，jpg和Gif格式文件得到广泛应用。）
插入图像的基本语法
<img src=#> #代表图象的路径和文件名，如：<img src=g:\tb09a\fj.jpg>
1、图像与文字的对齐方式：<img src=url align=top middle bottom>
top:文字与图像的顶部对齐　　　例：<img src=URL align=top>
middle:文字与图像的中部对齐　 例：<img src=URL align=middle>
bottom:文字与图像的底部对齐 例：<img src=URL align=bottom>
2、图像在网页中的对齐方式：<img src=url align=left right>
<center><img src=url></center>中部居中
3、设置图像与周围文字的间距：
<img src=url vspace=# hspace=#>
单位为像素(Vspace:垂直间距;hspace：水平间距)
<br clear=all>把文字放在图片的下面。
4 、设置图像的大小及边框的宽度：
（1）<img src="url" width=# height=#>
<img src=url border=#>
border（边框） 的单位为像素
5、图片也能作超级链接：<a href="url"><img src=url></a>（当图像链接时，默认情况下，图像周围有蓝色的边框，为使网页美观，需将border设置为“0”，从而去掉边框。）
八　表格
<table>...</table>:定义表格<表格的开始和结束>
<tr>...</tr>定义表行（每一行都需定义）
<td>...</td>定义单元格（表格的具体数据）
2、 跨多行、多列的表元
（1）跨多列的表元 <td colspan=#>
例：
<table border>
<tr>
<td colspan=3> Morning Menu</td>
</tr>
<tr>
<td>Food</td><td>Drink</td><td>Sweet</td>
</tr>
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
</table>
（2）跨多行的表元 <td rowspan=#>
例：
<table border>
<tr>
<td rowspan=3> Morning Menu</td>
<td>Food</td> <td>A</td>
</tr>
<tr><td>Drink</td> <td>B</td></tr>
<tr><td>Sweet</td> <td>C</td></tr>
</table>
2、设置表格外观：
（1）设置表格边框：<table border=#>
（2）设置表格尺寸：<table width=# height=#>
3、表元间隙和表元内部空白设置
（1）表元间距：<table cellspacing=#>（单元格与单元格之间的间距）
（2）表元填充：<table cellpadding=#>（内容与上、左边框的距离）
单位都是像素
4、设置表元的背景色和背景图像：
<table bgcolor=#>和<table background=url>
<td bgcolor=#>和<td background=url>
<tr bgcolor=#>和<tr background=url>
5、表格内文字的对齐
(1)文字在表格内左对齐、居中、右对齐
<tr align=#> #=left, center, right
<td align=#>
文字在表格靠上、垂直居中、靠下
<tr valign=#> #=top, middle, bottom
<td valign=#>
6、表格在页面中的对齐方式:
<table align=left> 左对齐
<table align=right>右对齐
<table align=center>居中对齐
7、设置表格边框的颜色：
(1)<table bordercolor=#>
八、移动的文字（×××灯）
<marquee>标识符用于简便地实现文字的移动，以达到动感十足的视感效果。
（1）基本语法：
<marquee>...</marquee>
例：<marquee>同志们，看呀，我会走了耶！！</marquee>
（2）文字移动属性的设置
<1>方向
<direction=#> #=left(左), right（右）,up（上）.down（下）>
<2>方式
<behavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
(3)
速度 <scrollamount=#> #=1-1000(网页上的速度一般设置为“3”)
例：<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
(4)
延时 <scrolldelay=#>
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
(5)
底色 <bgcolor=#>
#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime
(6)
面积 <height=#（高度） width=#（宽度）>
(7)
设置文字，鼠标经过时停止，鼠标离开时（移动）
id=n（赋值(什么值都可以)）　οnmοuseοver=n.stop( )鼠标经过时停止 οnmοuseοut=n.start( )　鼠标离开时开始移动　
九、嵌入多媒体文件：（万能插件）
1、<embed src="url"　width=# height=#>
可以在主页中嵌入的多媒体文件的类型有：
1、图像(*.gif *.jpg *.png)
2、电影(*.avi *.mpeg *.asf)
3、声音(*.wav *.mp3 *.aiff)
4、动画(flash)
(2)width height 多媒体的宽度和高度，单位为像素
2、网页背景声音的设置：
<bgsound src="url" loop="n">
url代表路径和文件名
loop:代表背景声音的循环次数。1－无限大
注意：声音文件的格式是*.mp3、*.wav或*.aiff
<td style="word-wrap:break-word;word-break:break-all">
!!!!!!!!!aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>