<html>
<head>
<title>study html</title>
<meta http-equiv="Content-type" content="text/html;charset=gbk" />
<meta http-equiv="Refresh" content="100;url=http://www.gov.hk" />
<meta http-equiv="charset" content="gbk" />
<meta http-equiv="expires" content="31 Dec 2010" />
<meta name="description" content="HTML Study">
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML" />
<meta name="author" content="tuozixuan" />
<meta name="revised" content="ladan,10/1/09" />
<meta name="generator" content="Dreamweaver 8.0en" />
</head>
<!--/*
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
leftmargin --- 页面左边的空白
topmargin --- 页面上方的空白
*/ -->
<body bgcolor="ffffff" text="134567" link="ff00ff" alink="456734" vlink="134567"
background="C:\tomcat-6\0_7173817745758027_CYWX_1001.jpg"
leftmargin="100" topmargin="100">
<p>sdfafd
<!--/* 基本语法 <a href="URL"> ... </a>
跳转到页面的另外一个地方
<a href="#name"> ... </a>
<a name="name"> ... </a>
跳转到另一个页面的某个地方
<a href="URL#name"> ... </a>
<a name="name"> ... </a>
开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target="Window_Name"> ... </a>
*/ -->
<a href="http://www.google.cn">google</a>
<!--/*标尺线
color的属性值可以使用16进制的RGB，也可以使用下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua */ -->
<hr size="10" width="50%" align="left" color="blue" noshade>
<!--/*标题字体(Header)
<hn>---</hn> 这些标记显示黑体字,n为1-6。
<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。
*/-->
<h3>you jump,I jump</h3>
<!--//size的值1-7 -->
<font size="4" color="red">hello,world</font>
<basefont size="7">sdfasf</basefont>
<!--//物理字体(Physical Style)-->
<b>道德三皇五帝，</b>
<i>功名夏后商周，</i>
<u>英雄五霸闹春秋，</u>
<tt>顷刻兴亡过手，</tt>
<sup>青史几行名姓， </sup>
<sub>北邙无数荒丘，</sub>
<s>前人田地后人收</s>！
<strike>说甚龙争虎斗！</strike>
<!--//逻辑字体(Logical Style) -->
<em>Hello World!</em>
<strong>Hello World!</strong>
<code>Hello World!</code>
<samp>Hello World!</samp>
<kbd>Hello World!</kbd>
<var>Hello World!</var>
<dfn>Hello World!</dfn>
<cite>Hello World!</cite>
<small>Hello World!</small>
<big>Hello World!</big>
<!--//指定“字体大小”的标记和“指定字体”的标记的组合使用 -->
<i><font size=5><b>今天</b> 天气<font size=6> 真好！</font></font></i>
<!--//客户端字体(Font Face) -->
<font face="Arial, Helvetica"> Hellow World!</font>
<!--<p>表示段或空行 <br>表示换行 <nobr>表示不换行 -->
come on<p>baby!
come on<br>baby!
<nobr>ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
<!--文字的对齐 align=left,center,right -->
<h3 align="center">Hello</h3>
<center>Hello</center>
<!--//文字的分区(Division)显示 -->
<div align=left>
Can you feel happiness without unpleasant? <br>
Please show me your smile.
</div>
<!--//无序列表 <ul><li>...</ul> -->
<ul>
<li>Today
<li>Tommorow
</ul>
<!--有序列表 <ol><li>...</ol> -->
<ol>
<li>Today
<li>Tommorow
</ol>
<!--//定义列表(Definition lists) <dl><dt>...<dd>...</dl> -->
<dl>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>
<!--//定制表中的标记 <li type=disk, circle, square -->
<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
<!--//定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1 -->
<ol>
<li type=A>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=a>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=I>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=i>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=1>ONE-ONE
<li>ONE-TWO
</ol>
<!--//定制有序列表表中的序号的起始值 <ol start=number -->
<ol start=5>
<li type=A>ONE-ONE
<li>ONE-TWO
<ol start=10>
<li>TWO-ONE
<li type=i>TWO-TWO
</ol>
</ol>
<!--//type="horizontal" 表示水平空白宽度 type="vertical" 表示竖直空白高度 -->
YESTERDAY <spacer type="horizontal" size=50> TODAY
<spacer type="vertical" size=50> TOMORROW <br>
<spacer type="block" width=150 height=50 align=left>
YESTERDAY<br> TODAY<br> TOMORROW
<!--//多列文本 -->
<multicol cols=2> text text text... </multicol>
<multicol cols=2 gutter=100> text text text... </multicol>
<multicol cols=2 width=700> text text text... </multicol>
<br>
<!--//块引用(Blockquote) <blockquote>...</blockquote> -->
Her Song:
<blockquote>
When I was young, I listened to the radio
waiting for my favorite songs....
</blockquote>
<!--//闪烁 <blink>...</blink> 使用firefox,opera浏览器 -->
<BLINK> 闪烁！闪烁！ </BLINK>
<!--//图象和文字的对齐 -->
<!--//align=top,middle,bottom; 并且图片的两边只能放置一行文字
//alt表示当鼠标移到图片上时显示的提示信息;border表示图片的边框-->
<img src="C:\tomcat-6\MyCatch3.jpg" alt="picture" align="middle" border="2"></img>dsf
<br>
<image src="C:\tomcat-6\MyCatch3.jpg" alt="picture" align="top">dsf</image>dsf
<br>
<!--//图象在页面中的对齐/布局(Floating Image) align=left,right,center -->
<img src="C:\tomcat-6\MyCatch3.jpg" align="center"></img>dsf
<br>
<br clear="all">
<form action="" method="post">
<input type="text" name="username" value="输入您的用户名"><br>
<input type="password" name="password" value="123"><br>
<input type="checkbox" name="banana" />Banana<br>
<input type="checkbox" name="apple" checked />Apple<br>
<input type="checkbox" name="orange" value="橘子" />Orange<br>
<input type="radio" name="fruit"> Banana<br>
<input type="radio" name="fruit" checked>Apple<br>
<input type="radio" name="fruit" value="橘子">Orange<br>
<input type="image" name="face" src="C:\tomcat-6\MyCatch3.jpg"><p>
<input type="hidden" name="add" value="hoge@hoge.jp">
<select name="fruit" multiple>
<option>Banana
<option selected>Apple
<option value="My_Favorite">Orange
</select><br>
<!--// wrap=off(不换行,缺省设置) wrap=soft(软换行) wrap=hard(硬换行)-->
<textarea name="comment" rows="5" cols="60" wrap="off">
</textarea>
<input type="file" name="upload" />
<input type="submit" /><br>
<input type="reset" />
</form>
<!--//cellspacing---表元间隙设置 cellpadding---表元内部空白设置 -->
<!--//align=left,center,right; valign=top,middle,bottom,baseline -->
<!-- //bordercolorlight和bordercolordark的设置在ie浏览器里有效-->
<table border="5" bordercolor="789920" width="200" height="80" cellspacing="5"
cellpadding="5" bordercolorlight="White" bordercolordark="Maroon" align="right">
<caption align="center" valign="bottom">title</caption>
<tr align="center" valign="middle">
<th colspan="4" align="center" valign="middle" bgcolor="234523"> hello,friend</th>
</tr>
<tr>
<th rowspan="3" background="C:\tomcat-6\MyCatch3.jpg"> baby</th>
<th>food</th>
<td align="left" valign="middle">a</td>
</tr>
<tr>
<th>drink</th>
<td>b</td>
</tr>
<tr>
<th>sweet</th>
<td>c</td>
</tr>
</table>
<!--/* frame="box","above","below","hsides","vsides","lhs","rhs","void" ;
分别表示显示所有边框，上边框，下边框，上下边框，左右边框，左边框，右边框，不显示边框 */-->
<!--/* rules="all":显示所有分隔线； rules="groups":只显示组与组之间的分隔线；rules="rows":只显示
行与行之间的分隔线；rules="cols":只显示列与列之间的分割线；rules="none":不显示任何分割线
*/ -->
<table border="1" frame="above" rules="all">
<!--/*
<colgroup align="left" />
<colgroup align="center" />
<colgroup align="right" />
*/-->
<colgroup>
<col align="center" span="2">
<colgroup align="right">
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
<tfoot> ... </tfoot>
</table>
<!--//bihavior="scroll","slide","alternate" -->
hello
<marquee direction="right" bihavior="scroll" loop="3" scrollamount="20" scrolldelay="500"
align="top" width="400" height="80" bgcolor="blue" hspace="20" vspace="20"
>我会移动耶！</marquee>baby
<!-- //背景音乐-->
<bgsound src="*.wav" loop="3" />
</body>
</html>
<head>
<title>study html</title>
<meta http-equiv="Content-type" content="text/html;charset=gbk" />
<meta http-equiv="Refresh" content="100;url=http://www.gov.hk" />
<meta http-equiv="charset" content="gbk" />
<meta http-equiv="expires" content="31 Dec 2010" />
<meta name="description" content="HTML Study">
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML" />
<meta name="author" content="tuozixuan" />
<meta name="revised" content="ladan,10/1/09" />
<meta name="generator" content="Dreamweaver 8.0en" />
</head>
<!--/*
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
leftmargin --- 页面左边的空白
topmargin --- 页面上方的空白
*/ -->
<body bgcolor="ffffff" text="134567" link="ff00ff" alink="456734" vlink="134567"
background="C:\tomcat-6\0_7173817745758027_CYWX_1001.jpg"
leftmargin="100" topmargin="100">
<p>sdfafd
<!--/* 基本语法 <a href="URL"> ... </a>
跳转到页面的另外一个地方
<a href="#name"> ... </a>
<a name="name"> ... </a>
跳转到另一个页面的某个地方
<a href="URL#name"> ... </a>
<a name="name"> ... </a>
开一个新的(浏览器)窗口 (Target Window)
<a href="URL" target="Window_Name"> ... </a>
*/ -->
<a href="http://www.google.cn">google</a>
<!--/*标尺线
color的属性值可以使用16进制的RGB，也可以使用下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua */ -->
<hr size="10" width="50%" align="left" color="blue" noshade>
<!--/*标题字体(Header)
<hn>---</hn> 这些标记显示黑体字,n为1-6。
<hn>---</hn> 这些标记自动插入一个空行，不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。
*/-->
<h3>you jump,I jump</h3>
<!--//size的值1-7 -->
<font size="4" color="red">hello,world</font>
<basefont size="7">sdfasf</basefont>
<!--//物理字体(Physical Style)-->
<b>道德三皇五帝，</b>
<i>功名夏后商周，</i>
<u>英雄五霸闹春秋，</u>
<tt>顷刻兴亡过手，</tt>
<sup>青史几行名姓， </sup>
<sub>北邙无数荒丘，</sub>
<s>前人田地后人收</s>！
<strike>说甚龙争虎斗！</strike>
<!--//逻辑字体(Logical Style) -->
<em>Hello World!</em>
<strong>Hello World!</strong>
<code>Hello World!</code>
<samp>Hello World!</samp>
<kbd>Hello World!</kbd>
<var>Hello World!</var>
<dfn>Hello World!</dfn>
<cite>Hello World!</cite>
<small>Hello World!</small>
<big>Hello World!</big>
<!--//指定“字体大小”的标记和“指定字体”的标记的组合使用 -->
<i><font size=5><b>今天</b> 天气<font size=6> 真好！</font></font></i>
<!--//客户端字体(Font Face) -->
<font face="Arial, Helvetica"> Hellow World!</font>
<!--<p>表示段或空行 <br>表示换行 <nobr>表示不换行 -->
come on<p>baby!
come on<br>baby!
<nobr>ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
<!--文字的对齐 align=left,center,right -->
<h3 align="center">Hello</h3>
<center>Hello</center>
<!--//文字的分区(Division)显示 -->
<div align=left>
Can you feel happiness without unpleasant? <br>
Please show me your smile.
</div>
<!--//无序列表 <ul><li>...</ul> -->
<ul>
<li>Today
<li>Tommorow
</ul>
<!--有序列表 <ol><li>...</ol> -->
<ol>
<li>Today
<li>Tommorow
</ol>
<!--//定义列表(Definition lists) <dl><dt>...<dd>...</dl> -->
<dl>
<dt>Today
<dd>Today is yesterday.
<dt>Tomorrow
<dd>Tomorrow is today.
</dl>
<!--//定制表中的标记 <li type=disk, circle, square -->
<ul>
<li type=disc>ONE
<li type=circle>TWO
<li type=square>THREE
</ul>
<!--//定制有序列表表中的序号 <li type=#> #=A, a, I, i, 1 -->
<ol>
<li type=A>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=a>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=I>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=i>ONE-ONE
<li>ONE-TWO
</ol>
<ol>
<li type=1>ONE-ONE
<li>ONE-TWO
</ol>
<!--//定制有序列表表中的序号的起始值 <ol start=number -->
<ol start=5>
<li type=A>ONE-ONE
<li>ONE-TWO
<ol start=10>
<li>TWO-ONE
<li type=i>TWO-TWO
</ol>
</ol>
<!--//type="horizontal" 表示水平空白宽度 type="vertical" 表示竖直空白高度 -->
YESTERDAY <spacer type="horizontal" size=50> TODAY
<spacer type="vertical" size=50> TOMORROW <br>
<spacer type="block" width=150 height=50 align=left>
YESTERDAY<br> TODAY<br> TOMORROW
<!--//多列文本 -->
<multicol cols=2> text text text... </multicol>
<multicol cols=2 gutter=100> text text text... </multicol>
<multicol cols=2 width=700> text text text... </multicol>
<br>
<!--//块引用(Blockquote) <blockquote>...</blockquote> -->
Her Song:
<blockquote>
When I was young, I listened to the radio
waiting for my favorite songs....
</blockquote>
<!--//闪烁 <blink>...</blink> 使用firefox,opera浏览器 -->
<BLINK> 闪烁！闪烁！ </BLINK>
<!--//图象和文字的对齐 -->
<!--//align=top,middle,bottom; 并且图片的两边只能放置一行文字
//alt表示当鼠标移到图片上时显示的提示信息;border表示图片的边框-->
<img src="C:\tomcat-6\MyCatch3.jpg" alt="picture" align="middle" border="2"></img>dsf
<br>
<image src="C:\tomcat-6\MyCatch3.jpg" alt="picture" align="top">dsf</image>dsf
<br>
<!--//图象在页面中的对齐/布局(Floating Image) align=left,right,center -->
<img src="C:\tomcat-6\MyCatch3.jpg" align="center"></img>dsf
<br>
<br clear="all">
<form action="" method="post">
<input type="text" name="username" value="输入您的用户名"><br>
<input type="password" name="password" value="123"><br>
<input type="checkbox" name="banana" />Banana<br>
<input type="checkbox" name="apple" checked />Apple<br>
<input type="checkbox" name="orange" value="橘子" />Orange<br>
<input type="radio" name="fruit"> Banana<br>
<input type="radio" name="fruit" checked>Apple<br>
<input type="radio" name="fruit" value="橘子">Orange<br>
<input type="image" name="face" src="C:\tomcat-6\MyCatch3.jpg"><p>
<input type="hidden" name="add" value="hoge@hoge.jp">
<select name="fruit" multiple>
<option>Banana
<option selected>Apple
<option value="My_Favorite">Orange
</select><br>
<!--// wrap=off(不换行,缺省设置) wrap=soft(软换行) wrap=hard(硬换行)-->
<textarea name="comment" rows="5" cols="60" wrap="off">
</textarea>
<input type="file" name="upload" />
<input type="submit" /><br>
<input type="reset" />
</form>
<!--//cellspacing---表元间隙设置 cellpadding---表元内部空白设置 -->
<!--//align=left,center,right; valign=top,middle,bottom,baseline -->
<!-- //bordercolorlight和bordercolordark的设置在ie浏览器里有效-->
<table border="5" bordercolor="789920" width="200" height="80" cellspacing="5"
cellpadding="5" bordercolorlight="White" bordercolordark="Maroon" align="right">
<caption align="center" valign="bottom">title</caption>
<tr align="center" valign="middle">
<th colspan="4" align="center" valign="middle" bgcolor="234523"> hello,friend</th>
</tr>
<tr>
<th rowspan="3" background="C:\tomcat-6\MyCatch3.jpg"> baby</th>
<th>food</th>
<td align="left" valign="middle">a</td>
</tr>
<tr>
<th>drink</th>
<td>b</td>
</tr>
<tr>
<th>sweet</th>
<td>c</td>
</tr>
</table>
<!--/* frame="box","above","below","hsides","vsides","lhs","rhs","void" ;
分别表示显示所有边框，上边框，下边框，上下边框，左右边框，左边框，右边框，不显示边框 */-->
<!--/* rules="all":显示所有分隔线； rules="groups":只显示组与组之间的分隔线；rules="rows":只显示
行与行之间的分隔线；rules="cols":只显示列与列之间的分割线；rules="none":不显示任何分割线
*/ -->
<table border="1" frame="above" rules="all">
<!--/*
<colgroup align="left" />
<colgroup align="center" />
<colgroup align="right" />
*/-->
<colgroup>
<col align="center" span="2">
<colgroup align="right">
<thead>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
</thead>
<tbody>
<tr><td>A</td><td>B</td><td>C</td>
<tr><td>D</td><td>E</td><td>F</td>
</tbody>
<tfoot> ... </tfoot>
</table>
<!--//bihavior="scroll","slide","alternate" -->
hello
<marquee direction="right" bihavior="scroll" loop="3" scrollamount="20" scrolldelay="500"
align="top" width="400" height="80" bgcolor="blue" hspace="20" vspace="20"
>我会移动耶！</marquee>baby
<!-- //背景音乐-->
<bgsound src="*.wav" loop="3" />
</body>
</html>
973
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
