Erika
2008-01-27, 11:14 AM
<HTML>
<HEAD>
<TITLE> 中路集团首页 </TITLE> <!--文档标题-->
<META NAME="Generator" CONTENT="EditPlus"> <!--描述非ｈｔｍｌ文档的信息-->
<META NAME="Author" CONTENT="zhaohuabin">
<META NAME="Keywords" CONTENT="中路，计算机，网络，技术，网站，架设，服务器，编程，网页设计">
<META NAME="Description" CONTENT="计算机，网络">
<meta http-equiv="refresh" content="1000; url=http:\\www.chinagwygov.cn"> <!--页面自动跳转设置-->
<meta http-equiv="programa" content="no-catach"> <!--强制调用网上的最新版本-->
<meta http-equiv="content-type" content="text/html" charset="GB2312"><!--定义语言-->
<link rel="描述" href="url地址"> <!--描述当前文档与其它文档之间的连接关系-->
<base href="原始地址" target="目标窗口名称"> <!--定义文档提交时默认的外部资源,base元素中指定herf的属性，所有的相对路径都加上href属性中的值-->
<!--target指定文档中所有连接的默认打开窗口-->
<script language="脚本语言"> </script> <!--脚本程序内容-->
<style type="text/css">
p{font-family:"宋体"； font-size：9pt}
td{background-color:#6600CC}
</style> <!--层叠样式表内容,非常有用而且功能灵活，可以轻松指定字体、颜色、背景，边界，以及其他 在body部分使用的标记特征-->
</HEAD>
<BODY background="背景图案" bgcolor=#6600FF text="非链接文字颜色" leftmargin="0" topmargin="0" link="可连接文字颜色" alink="正被点击的可连接文字颜色" vlink="已经点击过的可连接文字的颜色"><!--页面整体的基本规划和设置-->
<table height="60" width="100%" border=0 align="center">
<tr bgcolor=#330099 ><nobr><B><FONT SIZE="6" COLOR=#FFFF00>You are welcomed to come here!HTML基础知识学习！</FONT><FONT SIZE="2" face="宋体" COLOR=#FFFF00> By赵化滨</FONT></B></nobr></tr></table>
<hr width="100%">
<h1 align="left">标题样式1</h1>
<h2 align="center">标题样式2</h2>
<h3 align="right">标题样式3</h3>
<h4 align="center">标题样式4</h4>
<h5 align="left">标题样式5</h5>
<h6 align="center">标题样式6</h6>
<pre>预格式化元素，所见即所得，主要处理空白、缩进、间隔等地方</pre> <!--预格式化元素-->
<br> <!--换行标志-->
<nobr>11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</nobr> <!--不换行标记元素-->
<p>普通文字：下面介绍列表工具：</p>
<ul type="square"><!--无序列表，disc即默认属性，小圆实心点；circle空心原点；squre实心方块；-->
<li>把网站建设好；</li>
<li>关注竞争对手，信息收集好；</li>
<li>做好人力资源工作；</li>
<li>做好人才储备。</li>
<B></B> </ul>
下面是有序列表：
<ol type="1" start="10"> <!--type的属性可以为1（默认）数字编号；a消协英文字母编号；A大写英文字母编号；i小写罗马字母编号；I大写罗马字母编号；
start的值必须是数字-->
<li>把网站建设好；</li>
<li>关注竞争对手，信息收集好；</li>
<li>做好人力资源工作；</li>
<li>做好人才储备。</li>
</ol>
下面介绍的是定义列表：
定义列表可以包括以下三个部分，DL称为定义列表标记；DT用以表示定义列表条目；DD用以表示定义列表内容；
<DL>
<DT>HTML 语言</DT>
<DD>HTML语言的全称是超文本标记语言。</DD>
</DL>
<p align="center">下面学习表格的相关属性与知识</p>
<table bgcolor=#FFFF66 background="背景图片URL" border="1" bordercolor=#FF0033 cellspacing="1" cellpadding="2" width="100%">
<!--width:表格的宽度；bgcolor：表格的背景颜色；background:表格的背景图片；Border: 表格边框大小；bordercolor:表格边框颜色；
Cellspacing 表格中单元格的边距大小；cellpadding :表格中单元格的之间的间距大小，指定单元格中的内容的与单元个边框之间的留白距离；-->
<tr width="95%">
<td height="10">1
</td>
<td height="25" colspan="2">2
</td>
<td height="25">3
</td>
<td height="25">4
</td>
</tr>
<tr align="cnter" bgcolor="?">
<td height="25">
</td>
<td width="20%" height="25" align="center" valign="?" bgcolor=#FF3333 rowspan="?" colspan="?">
</td>
<!--width:单元格的宽度，Height:单元格高度； align:单元格水平对齐方式left,center,right； Valign：单元格垂直对齐方式top middle,bottom， Rowpan单元格的行跨度；colspan:单元格的列跨度colspan="n",n表示单元格跨越行的数量，
-->
<td height="25" rowspan="2">123456 <!--Rowspan="n",表示跨越行的数量-->
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
<tr>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
<tr>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
</table>
<p align="center">下面的部分我们学习Frameset</p>
<frameset cols="30，*，50%" rows="?,?" frameborder="1" border="2" framespacing="2">
<!--cols：垂直切割窗口，接受整数值，百分数，*（代表余下的空间），数值的个数表示表示分成的部分的个数，而且以逗号分割，例如，cols="30,*,50%",可以切成三个部分，第一部分是30PIXELS的宽度，为绝对分割，第二部分是当分配完第一和第三视窗后剩下的空间，第三部分占整个窗口的50%，为相对分割；
row 就是横向切割，将窗口上下分开，数值设置同上； cols和row尽量不要欻县在同一个<frameset>标记中，尽可能使用多重分割，因为netscape不能显示这类型的框架；frameborder设定框架的边框，其值只有0和1,表示不要和要边框；border设定框架的厚度，以pixel为单位，bordercolor设定框架的边框颜色，Framespacing表示框架与框架间保留空白的距离-->
<frame name="?" src="url" scrolling="yes|no" noresize > </frame>
<frame></frame>
<frame></frame>
<noframe>该页面使用了Frame框架，但您的浏览器不支持，因此无法正常显示！</noframe><!--用以定义当使用了框架的页面在不支持框架的浏览器中打开时显示的信息-->
</frameset>
<p align="center">下面我们学习HTML语言基础的最后一部分表单</p>
<p>表单是HTML支持让用户在页面输入信息的方法，一般都配合CGI等网络程序使用</p>
<form action="url" mathod=* ><!--*可以为get，post表单的基本提交方式-->
………………………… <!--其他的-->
<input type="submit"><input type="reset">
</form>
</BODY>
<HEAD>
<TITLE> 中路集团首页 </TITLE> <!--文档标题-->
<META NAME="Generator" CONTENT="EditPlus"> <!--描述非ｈｔｍｌ文档的信息-->
<META NAME="Author" CONTENT="zhaohuabin">
<META NAME="Keywords" CONTENT="中路，计算机，网络，技术，网站，架设，服务器，编程，网页设计">
<META NAME="Description" CONTENT="计算机，网络">
<meta http-equiv="refresh" content="1000; url=http:\\www.chinagwygov.cn"> <!--页面自动跳转设置-->
<meta http-equiv="programa" content="no-catach"> <!--强制调用网上的最新版本-->
<meta http-equiv="content-type" content="text/html" charset="GB2312"><!--定义语言-->
<link rel="描述" href="url地址"> <!--描述当前文档与其它文档之间的连接关系-->
<base href="原始地址" target="目标窗口名称"> <!--定义文档提交时默认的外部资源,base元素中指定herf的属性，所有的相对路径都加上href属性中的值-->
<!--target指定文档中所有连接的默认打开窗口-->
<script language="脚本语言"> </script> <!--脚本程序内容-->
<style type="text/css">
p{font-family:"宋体"； font-size：9pt}
td{background-color:#6600CC}
</style> <!--层叠样式表内容,非常有用而且功能灵活，可以轻松指定字体、颜色、背景，边界，以及其他 在body部分使用的标记特征-->
</HEAD>
<BODY background="背景图案" bgcolor=#6600FF text="非链接文字颜色" leftmargin="0" topmargin="0" link="可连接文字颜色" alink="正被点击的可连接文字颜色" vlink="已经点击过的可连接文字的颜色"><!--页面整体的基本规划和设置-->
<table height="60" width="100%" border=0 align="center">
<tr bgcolor=#330099 ><nobr><B><FONT SIZE="6" COLOR=#FFFF00>You are welcomed to come here!HTML基础知识学习！</FONT><FONT SIZE="2" face="宋体" COLOR=#FFFF00> By赵化滨</FONT></B></nobr></tr></table>
<hr width="100%">
<h1 align="left">标题样式1</h1>
<h2 align="center">标题样式2</h2>
<h3 align="right">标题样式3</h3>
<h4 align="center">标题样式4</h4>
<h5 align="left">标题样式5</h5>
<h6 align="center">标题样式6</h6>
<pre>预格式化元素，所见即所得，主要处理空白、缩进、间隔等地方</pre> <!--预格式化元素-->
<br> <!--换行标志-->
<nobr>11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</nobr> <!--不换行标记元素-->
<p>普通文字：下面介绍列表工具：</p>
<ul type="square"><!--无序列表，disc即默认属性，小圆实心点；circle空心原点；squre实心方块；-->
<li>把网站建设好；</li>
<li>关注竞争对手，信息收集好；</li>
<li>做好人力资源工作；</li>
<li>做好人才储备。</li>
<B></B> </ul>
下面是有序列表：
<ol type="1" start="10"> <!--type的属性可以为1（默认）数字编号；a消协英文字母编号；A大写英文字母编号；i小写罗马字母编号；I大写罗马字母编号；
start的值必须是数字-->
<li>把网站建设好；</li>
<li>关注竞争对手，信息收集好；</li>
<li>做好人力资源工作；</li>
<li>做好人才储备。</li>
</ol>
下面介绍的是定义列表：
定义列表可以包括以下三个部分，DL称为定义列表标记；DT用以表示定义列表条目；DD用以表示定义列表内容；
<DL>
<DT>HTML 语言</DT>
<DD>HTML语言的全称是超文本标记语言。</DD>
</DL>
<p align="center">下面学习表格的相关属性与知识</p>
<table bgcolor=#FFFF66 background="背景图片URL" border="1" bordercolor=#FF0033 cellspacing="1" cellpadding="2" width="100%">
<!--width:表格的宽度；bgcolor：表格的背景颜色；background:表格的背景图片；Border: 表格边框大小；bordercolor:表格边框颜色；
Cellspacing 表格中单元格的边距大小；cellpadding :表格中单元格的之间的间距大小，指定单元格中的内容的与单元个边框之间的留白距离；-->
<tr width="95%">
<td height="10">1
</td>
<td height="25" colspan="2">2
</td>
<td height="25">3
</td>
<td height="25">4
</td>
</tr>
<tr align="cnter" bgcolor="?">
<td height="25">
</td>
<td width="20%" height="25" align="center" valign="?" bgcolor=#FF3333 rowspan="?" colspan="?">
</td>
<!--width:单元格的宽度，Height:单元格高度； align:单元格水平对齐方式left,center,right； Valign：单元格垂直对齐方式top middle,bottom， Rowpan单元格的行跨度；colspan:单元格的列跨度colspan="n",n表示单元格跨越行的数量，
-->
<td height="25" rowspan="2">123456 <!--Rowspan="n",表示跨越行的数量-->
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
<tr>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
<tr>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
<td height="25">
</td>
</tr>
</table>
<p align="center">下面的部分我们学习Frameset</p>
<frameset cols="30，*，50%" rows="?,?" frameborder="1" border="2" framespacing="2">
<!--cols：垂直切割窗口，接受整数值，百分数，*（代表余下的空间），数值的个数表示表示分成的部分的个数，而且以逗号分割，例如，cols="30,*,50%",可以切成三个部分，第一部分是30PIXELS的宽度，为绝对分割，第二部分是当分配完第一和第三视窗后剩下的空间，第三部分占整个窗口的50%，为相对分割；
row 就是横向切割，将窗口上下分开，数值设置同上； cols和row尽量不要欻县在同一个<frameset>标记中，尽可能使用多重分割，因为netscape不能显示这类型的框架；frameborder设定框架的边框，其值只有0和1,表示不要和要边框；border设定框架的厚度，以pixel为单位，bordercolor设定框架的边框颜色，Framespacing表示框架与框架间保留空白的距离-->
<frame name="?" src="url" scrolling="yes|no" noresize > </frame>
<frame></frame>
<frame></frame>
<noframe>该页面使用了Frame框架，但您的浏览器不支持，因此无法正常显示！</noframe><!--用以定义当使用了框架的页面在不支持框架的浏览器中打开时显示的信息-->
</frameset>
<p align="center">下面我们学习HTML语言基础的最后一部分表单</p>
<p>表单是HTML支持让用户在页面输入信息的方法，一般都配合CGI等网络程序使用</p>
<form action="url" mathod=* ><!--*可以为get，post表单的基本提交方式-->
………………………… <!--其他的-->
<input type="submit"><input type="reset">
</form>
</BODY>