一、基本框架：html(超文本标记语言）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" http-equiv="Content-Type" content="text/html; charset=gb2312" /> <!--这里name的值有：description,keyword关键字等-->
<title>无标题文档</title> <!--这里写网页的标题-->
</head>
<body>
<!--这里是网页的主体部分-->
</body>
</html>
二、网页元素：
2.段落标记
<p></p>
例如：<p>打造景泰文化旅游的全新形象，将景泰文化旅游网站建设成为景泰文化和旅游信息的窗口。</p><p>充分利用网络快捷、跨地域优势进行信息传递，对地区的文化旅游信息进行及时的宣传，特别是文化旅游发展的最新信息和动向。</p><p>吸引更多的游客来景泰了解旅游，提升景泰旅游的知名度及美誉度。</p><p> 建立适合景泰文化体育和广播影视局自身需求的网络平台，提供广泛的涵盖用户多种需求的功能，数据处理方式灵活以满足高度用户化的需求，确保其较好的拓展性和开放性；同时网站具有基于WEB界面的管理后台，管理员能够自主的对网站中大部分内容作更新、修改操作，节省了网站的运营成本，提高了信息更新、传播效率。</p>
显示效果如下：
2.换行标记
<br/>
例如：你好<br />你好 显示效果为： 
3.html注释
<!--把要注释的说明写在这里即可，浏览器在执行时不会被解释-->
4.水平线
<hr/>
例如：<hr width="300px" size="20px" color="#FF0000" align="center"/> 
它的属性有：size 水平线的粗细，以pixel为单位
width 水平线的宽度，以px或百分比为单位
align 对齐方式有：left,center,right
color 水平线的颜色
5.空格
例如：景泰县 第四中学 
一个空格是一个字符，一个中文汉字占两个字符。
6.居中
<center></center>
例如：
<center>
白日依山尽,<br />
黄河入海流。<br />
欲穷千里目,<br />
更上一层楼。
</center>
显示结果为：
7.字体标签：标题文字
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
例如：
<h1>你好</h1>
<h2>你好</h2>
<h3>你好</h3>
<h4>你好</h4>
<h5>你好</h5>
<h6>你好</h6> 
特殊的文字样式：
<b></b> 粗体
<i></i> 斜体
<u></u> 下划线
<s></s> 删除线
<sup></sup> 上标
<sub></sub> 下标
例如：
<b>我是粗体</b>
<i>我是斜体</i>
<u>我有下划线</u>
<s>我上面有删除线</s>
M<sup>2</sup>
M<sub>2</sub>
8.body标签
Bgcolor 网页背景颜色
Background 网页背景图片（写URL路径）
Text 网页文字颜色
9.相对路径
../是上级目录
../../表示上上级目录
在同一个目录下的文件可以相互调用。
10.文字列表设计
（一）无序列表：项目符号列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
例如：
<ul type="square">
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
type的属性值（默认为实习圆disc）有：
circle 空心圆
disc 实心圆
square 实心方块
显示效果：
（二）有序列表：编号列表标记
<ol>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ol>
type的属性值（默认为数字格式123）有：
1,A,a,I,i
可以设置编号的开始序号 start=n（只能是数字）
去掉前面的符号：list-style-type:none;
例如：
显示效果为：
11.超链接标记
<a></a>
例如：
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="#">百度</a>
<a href="javascript:;">百度</a>
说明：（1）如果在链接中写网址时必须加上http://，不能直接写www.baidu.com。
（2）#表示打开一个空的页面。
（3）javascript:;它表示一个真正的空链接。
（4）target的属性值有：_blank在单独页面中打开；_parent是在父级窗口打开；_self是在本窗口打开；_top是在上级窗口打开。
12.表格
（1）、表格布局
<table>
<caption>表格标题</caption>
<tr><th>表头1</th><th>表头2</th></tr>
<tr><td>列表1</td><td>列表2</td></tr>
</table>
说明：<caption></caption>是表格标题标记，它的属性（如果不写默认显示在表格上边）有align：top,left,right,bottom。
<tr></tr>是行。
<th></th>是表头标题列，默认字体加粗居中显示
<td></td>是数据列。
（2）、表格属性
border(边框），width(表格宽度），height(表格高度），align(对齐方式left,right,center，bordercolor(边框颜色），bgcolor(背景颜色），cellpadding(单元格中的文字距边框的距离，上边和左边），cellspacing(单元格之间的间距，也就是外边距），
行列属性：
高：height； 框颜色：bordercolor； 背景色：bgcolor； 水平对齐：align； 垂直对齐：valign
（3）跨行跨列：
合并行：rowspan＝"3"
合并列：colspan="2"
举例：
13.图片标记
图片标记：<img src="图片路径" />
图片属性：高度：height； 宽度：width； 边框宽度：border； 优先读低分辨率图：lowsrc； 文字标注：alt；鼠标放在图片上时显示说明文字：title
绝对路径： http://www.cnblogs.com/ 或 D:\360Downloads
相对路径: ../../a/b.jpg
/表示网站根目录 ~/表示当前应用程序目录
14.图片超链接
<a href="超链接地址"><img src="图片文件保存的位置与名称"/></a>
<a href="javascript:; οnclick="A( )""><img src="图片文件保存的位置与名称"/></a> 表示：单击图片时要执行的动作。
15.滚动字幕
<marguee></marguee>
属性：默认是从右往左，反复滚动
align:对齐方式有top,middle,botton
scroll:单向滚动
slide:如幻灯片一格一格的，文字一接触到左边就停止
alternate:左右往返运动
bgcolor:设定文字卷动范围的背景颜色
loop:设定文字卷动的次数，其值为正整数
height:设定字幕的高度
width:设定字幕的宽度
scrollamount:指定每次移动的速度，数个越大移动越快
scrolldelay:文字每次滚动停顿的时间，单位是毫秒，时间越短滚动越快
hspace:指定字幕左右空白区域的大小
vspace:指定字幕上下空白区域的大小
direction:指定文字的卷动方向left,right,up,down
behavior:指定移动方式有scroll(滚动播出)；slide(滚动到一方后停止)；alternate(滚动到一方后向相反方向滚动)
16、多媒体：
（1）音乐或影音文件的播放：<a href="音乐或影音文件路径">
（2）音乐或影音文件嵌入网页：<embed src="音乐或影音文件路径" width=宽度 height=高度 autostart=自动播放（true/false） loop=播放次数（数字/true/false）>
（3）网页背景音乐：<bgsound src="音乐路径" loop=次数（=infinite则循环播放）>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
