<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="css/public.css" />
<title>新浪首页</title>
</head>
<body>
网页正文……
</body>
</html>
<style type="text/css">
全局CSS设置
1、清除所有的标记的内外边距
body,ul,li,a,img,p,input{ margin:0; padding:0; }
2、去除项目符号或编号前面的符号
ul,ol,li{ list-style:none; }
3、全局链接效果
a:link , a:visited{color:#444;text-decoration:none;}
a:hover{color:red;}
4、网页中所有的文字大小颜色
body{ font-size:12px; font-family:宋体; color:#ccc; }
5、去除图片的链接边框线
img{border:0;}
6、全局的类样式
.floatL{ float:left; }
.floatR{ float:right; }
.clear{clear:both;}
.blank10{ height:10px; clear:both; }
.red{ color:red; }
.blue{ color:blue; }
</style>
----------------------------------------------------------------------------
语法格式：<标签 属性1 = “值1” 属性2 = “值2”>内容</标签>
----------------------------------------------------------------------------
bgColor：网页背景色。如：<body bgColor = “red”>
background：网页背景图片地址。如：<body background = “images/bg.gif”>
----------------------------------------------------------------------------
<b></b>：加粗bold。如：<b>HTML文件</b>
<i></i>：斜体italic。如：<i>HTML文本</i>
<u></u>：下划线underline。如：<u>HTML文本</u>
<s></s>：删除线strike。如：<s>删除线</s>
<sup></sup>上标。
<sub></sub>下标。
<font></font>
----------------------------------------------------------------------------
<p></p>表示一个段落。
常用属性：align：水平对齐方式，取值：left(左)、 center(居中)、 right(右)
举例：<p align="right">应中国共产党中央委员会总书记</p>
换行标记<br>
水平线标记(单边标记)：<hr>
size：水平线的粗细，单位一般为px。
color：水平线的颜色。
width：水平线的宽度。
noshade：去掉水平线的阴影(在HTML中，noshade是没有值的属性)。如：<hr noshade>
----------------------------------------------------------------------------
<pre>内容</pre>预排版标记
----------------------------------------------------------------------------
标题标记：<h1>……<h6>
功能：定义各种标题。
属性：align水平对齐方式，取值：left、center、right。
语法：<h1 align = “left | center | right”></h1>
----------------------------------------------------------------------------
（1）块元素
块元素，一般是单独占一行，不管内容多少，总是占一行。
块元素有哪些？<div>、<p>、<h1>、<h2>、<pre>等
（2）行内元素
行内元素，不会单独占一行。
行内元素的宽度，主要是根据内容决定。
多个行内元素，会排在同一行。
行内元素有哪些？<font>、<b>、<i>、<u>、<sub>、<sup>等
----------------------------------------------------------------------------
HTML字符实体
空格： 代表一个半角空格。一个汉字是2个字节。1个字节相当于1个半角空格。
<：<
>：>
&：&
￥：¥
×：×
÷：÷
----------------------------------------------------------------------------
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
注意：<ul>和<li>是块元素。
----------------------------------------------------------------------------
HTML编号列表(有序列表)
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
<ol>或<li>的常用属性
type：编号类型，取值：1、a、A、i、I
start：从第几个开始编号(数字)。
----------------------------------------------------------------------------
滚动字幕标记<marquee>
语法格式：<marquee>滚动的内容</marquee>
常用属性
Direction：滚动方向，取值：up、down、left、right
Width：滚动宽度
Height：滚动高度
bgColor：滚动背景色
scrollAmount：滚动步长值。值越大，滚动越快。
scrollDelay：两步之间的停留时间，以毫秒单位。1秒=1000毫秒。
loop：循环滚动的次数。
----------------------------------------------------------------------------
语法格式：<img 属性 = “值”>
常用属性
Width：图片宽度
Height：图片高度
Border：图片边框粗细。
Src：图片的路径(相对路径)
Align：图片的水平对齐方式，取值：left、center、right
Hspace：图片与左右文字之间的距离(水平距离)
Vspace：图片与上下文字之间的距离(垂直距离)。
----------------------------------------------------------------------------
语法格式：<a 属性 = “值”>……</a>
常用属性
href：目标文件的地址URL，该URL可以是相对地址，也可以是绝对地址。
target：目标文件的显示窗口。
_blank：在新窗口中打开目标文件。
_self：在当前窗口中打开目标文件(默认打开)，相当于“替换”操作。
_parent：在父级窗口来打开目标文件。
_top：在最顶级窗口来打开目标文件。
其中_parent、_top常用框架网页中(HTML第四天讲)
name：定义锚点链接的名称。(下午讲)
----------------------------------------------------------------------------
“../”代表上一级目录
“../../”代表上两级目录
----------------------------------------------------------------------------
邮箱链接<a href="mailto:abc@qq.com">abc@qq.com</a>
----------------------------------------------------------------------------
JS链接：添加JS功能代码
<a href="javascript:window.close()">关闭窗口</a>
----------------------------------------------------------------------------
颜色单词：blue、green、red、yellow
10进制表示：rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
16进制表示：#FF0000(红)、#00FF00(绿)、#0000FF(蓝)
颜色单词：red green blue yellow
10进制： rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,0)
16进制： #FF0000 #00FF00 #0000FF #FFFF00
----------------------------------------------------------------------------
锚点链接
定义锚点(作个记号)：<a name = “锚点名称”></a>
跳转到锚点(记号)：
语法：<a href = “文件名#锚点名称”>……</a>
例如：<a href = “#top2”>返回顶部</a> //跳转到同一个网页的不同部分
例如：<a href= “news.html#bottom”>返回底部</a> //跳转到news.html文件的底部
----------------------------------------------------------------------------
（1）设置网页的字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
（2）网页自动刷新
<meta http-equiv="refresh" content="2"> //每隔2秒钟，自动刷新网页一次
<meta http-equiv="refresh" content="2;url=http://www.ifeng.com"> //2秒钟后，跳转到凤凰网
name属性
（1）设置网页搜索关键字
<meta name="keywords" content="网站建设" />
（2）设置网页描述信息
<meta name="description" content="网站建设、网站制作专家中企动力">
----------------------------------------------------------------------------
（1）严格型的DTD
在严格型的DTD中，不能再使用各种表现的标记。如：<font>、<b>、<body bgColor>
要求必须使用CSS来取代各种表现标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
（2）过渡型的DTD
在过渡型的DTD中，可以继续使用HTML中的表现的写法。
这些表现标记，还可以继续使用。如：<font>、<b>、<body bgColor>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
（3）框架的DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
----------------------------------------------------------------------------
表格的结构
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
----------------------------------------------------------------------------
<table>属性
Width：表格宽度，单位可以是百分比，也可以是固定值。
Height：表格高度。
Align：表格水平对齐方式，取值：left、center、right