注释：<!-- 注释内容 -->
<body>元素的属性：
<body background="tk.jpg" bgcolor="#ccffcc" text="#000000" bgproperies="fixed">
bgcolor：规定背景颜色。
background="tk.jpg"：使用“tk.jpg”作为背景图片。
text:规定文档文字的颜色。
bgproperties="fixed"它把背景图像冻结在浏览窗口，这样它就不会随着其他窗口内容而滚动了。
超链接的颜色： <BODY link="blue" vlink="red" alink="green">
link:规定了文档中未访问链接的默认颜色。
alink:规定文档中活动链接（active link）的的颜色。
vlink:规定文档中已被访问链接的颜色。
设置网页主体距网页左端和顶端的距离：<BODY leftmargin=100 topmargin=100>
leftmargin:设置文本左边距
topmargin:设置文本上边距
文字布局：
在 html 中表示一个空格，因为在 html 中如果需要多个空格（多于1）的话，如果手动敲空格，不管敲多少个，显示出来的还是只有一个，这个时候就需要用了。
<p>段。
<br>自动换行。
<nobr>...</nobr> 元素避免文本换行。
" 双引号
文字段落格式控制：
<b>...</b>:字体加粗。
<i>..</i>:斜体字。
<u>..</u>下画线。
<s>..</s>带删除线。
<sup>..</sup>:上标字。
<sub>..</sub>:下标字。
<em>..</em>:斜体。
<strong>..</strong>:对内容进行强调。
<code>..</code>:等宽字符。
<var>..</var>:以斜体字来显示。
<small>..</small>:文本以小字体显示。
<big>..<big>:文本以大字体显示。
(表现化标签只是单纯为了控制外观而存在的；而结构化标签指的是能够给文档添加内容意义的标签。strong与em是结构化标签，而b与i是表现化标签。)
字体对齐eg：
<h3 align=lelf>align标签的左对齐</h3>
<h3 align=center>align标志的的居中对齐</h3>
<p align=right>P标志中利用align标志实现右对齐</p>
<center>center标志的居中对齐</center>
文字分区：
<div align=#></div> (#=left right center)
<hr> 标签: 在 HTML 页面中创建一条水平线
<hr color="red" width=500 size=5 noshade align="left">
size:规定 hr 元素的高度（厚度）。
width 属性规定水平线的宽度，以像素计或百分比计。
noshade 属性规定水平线的颜色呈现为纯色，而不是有阴影的颜色。
列表：
在html页面中，列表可以起到提纲写领的作用。列表分为两种类型，一是有序列表，一是无序列表。前者用项目符号来标记无序的项目，而后者则使用编号来记录项目的顺序。
- 所谓有序，指的是按照数字或字母等顺序排列列表项目。
- 所谓无序，是指以●、○、□等开头的，没有顺序的列表项目。
关于列表的主要标记，如下表所示
标记 描述 <ul> 无序列表 <ol> 有序列表 <dir> 目录列表 <dl> 定义列表 <menu> 菜单列表 <dt>、<dd> 定义列表的标记 <li> 列表项目的标记 ul 标签 -- 代表HTML无序列表
- ul标签是成对出现的,以
<ul>开始,</ul>结束 - 每一列使用
<li>标签定义,每一列使用一个点作为开头 - 引用网址:http://www.dreamdu.com/xhtml/tag_ul/
- 属性:
- Common -- 一般属性
- ul，是unordered lists的缩写，中文"无序列表"的意思
无序列表类型：
<ul>
<li type=disc>disc
<li type=circle>cricle
<li type=square>square
</ul>
ol 标签 -- 代表HTML有序列表
ol标签是成对出现的,以
<ol>开始,</ol>结束- 每一列使用
<li>标签(与无序列表相同)定义,每列使用数字或字母开头. - 引用网址:http://www.dreamdu.com/xhtml/tag_ol/
- 属性:
- Common -- 一般属性
- ol，是ordered lists的缩写，中文"有序列表"的意思
start 属性:规定有序列表的开始点。
type 属性:规定有序列表的项目符号的类型。eg:
<ol>
<li type=A>ONE
<li type=A>TWO
</ol>
<ol>
<li type=a>ONE
<li type=a>TWO
</ol>
设定链接：
eg：
普通超级链接：<a href="http://www.enet.com.cn/eschool">硅谷动力网络学院</a>
去除下划线：<a href="http://www.enet.com.cn/eschool" style="text-decoration: none">链接下面没有下划线</a>
新开链接窗口：<a href="http://www.enet.com.cn/eschool" target="_blank">弹出一个新窗口</a>
email超级链接：<a href="mailto:hzhang@mail.enet.com.cn">hzhang@mail.enet.com.cn</a>
mailto的功能。
第一步:创建一个基本的mailto，包含收件人的地址。<br>
第二步:在收件人地址后用“?cc="开头，你可以填写抄送(CC:)地址，下面这个例子将实现该功能:
<a href="mailto:stephen.zhaoyf@163.com?cc=guest@163.net">点击这里发邮件给站长并“抄送”给guest！</a>
第三步:就像下面这个例子一样，紧跟着抄送地址之后，写上"&bcc=",就可以填上密件抄送(BCC)地址了 (在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头)。
<a href="mailto:stephen.zhaoyf@163.com?cc=guest@163.net&bcc=guest@163.net">点击这里发邮件给站长并同时“抄送”“暗送”给guest！</a>
还可以同时发信给N个人!地址之间用逗号分开:
<a href="mailto:stephen.zhaoyf@163.com,guest@163.net,guest1@163.net">点击这里同时发送Ｎ个邮件！</a>
第四步:用?subject=或者&subject(当前面还有抄送或暗送时使用)填上主题。
<a href="mailto:stephen.zhaoyf@163.com?subject=不好意思，只是做个实验！">点击这里发送有主题的邮件！</a>
更加夸张的是连邮件内容都可以事先写好!
<a href="mailto:stephen.zhaoyf@163.com?subject=不好意思，只是做个实验！&body=特别无聊，所以发现这么一个功能">这个邮件地址、内容都有了！以后可就懒了！</a>target 属性 -- 链接目标
取值:
_blank -- 在新窗口中打开链接_parent-- 在父窗体中打开链接_self-- 在当前窗体打开链接,此为默认值_top-- 在当前窗体打开链接，并替换当前的整个窗体(框架页)一个对应的框架页的名称-- 在对应框架页中打开
锚点链接练习：<a name="aa">
<a href="#aa">指向本页面锚点aa的超链接</a>
<a href="#top">返回页首</a>
<a href="23.htm#top">链接23页面的锚点</a>
图片的基本应用：
<img src="hefang.jpg" alt="情系何方" width=120 height=120 border=2>
src:应用图片的绝对地址。
alt:图片的替代文字，即鼠标移动到图片上方或图片显示不出来时显示的文字。
width:图片的宽度，height：图片的高度；属性值可以是像素也可以是%。
border:图片的边框，值为像素。
图片的对齐方式：
水平对齐：<img src="hefang.jpg" align="#"> (#=left,right)
垂直对齐：<img src="hefang.jpg" align="#"> (#=top,middle,bottom)
定义图片与左右文本之间的间距：
<img src="hefang.jpg" vspace="5" hspace="5">hspace(horizontal):定义水平间距；vspace(vertical):定义垂直间距，单位都为像素。
图像的超链接：<a href="http://www.baidu.com"><img src="sample.jpg"></a>
图像映像链接：图像映像是指在一幅图中定义若干个热区，为每个热区指定一个特定的超链接，单击不同区域，便链接到相应的目标页面。
基本语法格式：
<map name=映像名称>
<area href=目标网页 shape=形状 coords=形状的坐标>
.....
</map>
shape设置映像区域的形状，可取值为rect(矩形）、circle（圆形）、poly(多边形)、default(整个图像区域)。
coords设置映像区域的边界，取值与shape值有关，
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：<area shape=circle coords=85,155,30 href="URL">
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">参考资料：
http://www.enet.com.cn/eschool/zhuanti/easyhtml/
http://wenku.baidu.com/view/1c5f16d3240c844769eaee3e.html
- ul标签是成对出现的,以
8955
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
