没有动力的学习，没有压力的学习，没有顾虑的学习。。。。。
效率好低，汗..... 
如果学会下面的代码，我估计你就学会了。
Html1.html文件，图片文件和视频文件自己放到跟次文件的同一个目录下就好，
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 | < !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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="页面描述文字" />
<meta name="reply-to" content="jlc_gold@163.com" />
<meta http-equiv="refresh" content="100;Html1.html" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--<meta http-equiv="expires" content="Fri,7 JULY 2006 10 00 00 GMT" />设置网页到期时间-->
<base href="" target="_self" />
<bgsound src="music.mid" loop="1" />
<!--循环播放music.mid一次，在FireFox无效-->
<title>HTML测试</title>
<basefont size="4" />
<!--基本字大小，1~7，默认3，-->
</head>
<body bgcolor="#CCCCCC" link="#FF0000" alink="#CCCCFF" vlink="#00FFFF" text="#000033" leftmargin="20px" rightmargin="20px" topmargin="20px" bottommargin="20px">
<!--<body background="1.jpg" bgproperties="fixed">使图片固定，在FireFox无用。-->
<a name="top"></a>
<h1 align="center">一级标题</h1>
<h2 align="left">二级标题</h2>
<h3 align="right" >三级标题</h3>
<div align="center"style="height:350px;position:">
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>正文:随便一些字吧，乱七八糟的什么都好。HTML。。。diang 。，用EM标签会是突出一些字，以斜体表示。</p>
<em>EM http://laycher.cn</em> <strong>粗体</strong> <cite>引文标记：用于引证和举例</cite><br />
<code>说明一段文字是代码或程序for(int i=0;i>10;i++){}</code><br />
<kbd>用户输入的文字</kbd><br />
<var>变量名称myname</var><br />
<big>BIG</big><br />
<small>SMALL</small><br />
</div>
<blockquote>文本缩进，可以多个连起来使用。App Engine Java 应用程序使用 Java Servlet 标准与网络服务器环境交互。</blockquote>
<samp>显示计算机常用字体，文字宽度相等。laycher.cn</samp><br />
<dfn>定义或者说明</dfn><br />
<address>
jlc_gold@163.com
</address>
<br />
<b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除线</s> 上标和下标x<sub>1</sub><sup>2</sup> <tt> 打印机字体</tt> <br />
<font size="5">使用Font size标签设置文字大小</font><br />
<font size="+1">使用Font size标签设置文字大小</font><br />
<font color="#0000CC">使用Font color标签设置文字颜色</font><br />
<font face="Lucida Sans Unicode, Lucida Grande, sans-serif">使用Font face标签设置文字样式</font><br />
<pre>预定义 格式，就是你在这个标签里面怎么写，他就怎么 显示。回车之类的，空格多个，都可以的。。
<center>
居中对齐,自动回车
</center>
<blink>文字闪烁，只在Netscape中有效</blink><br />
<a href="#" target="_self">超级链接</a><br />
<a href="#top">锚点 回到顶部</a><br />
<a href="http://laycher.cn" target="_blank">http外部链接</a><br />
<a href="ftp://ftp.hdu.edu.cn">Ftp外部链接</a><br />
<a href="telnet://166.111.8.238">Telnet链接BBS</a><br />
<a href="mailto:jlc_gold@163.com">发送邮件</a>
<p>mailto:电子邮件地址?CC=电子邮件地址。 抄送收件人。
mailto:电子邮件地址?Subject=主题文字。 电子邮件主题。
mailto:电子邮件地址?BCC=电子邮件地址。 暗送收件人。
mailto:电子邮件地址?Body=邮件内容。 电子邮件内容。</p>
<p><img src="1.jpg" width="640" height="512" alt="替换文字，指针指到这显示" /><br />
<img src="1.jpg" width="20%" height="20%" align="top" border="5" hspace="100" vspace="100"/>如果用%，会根据窗口的大小改变。top,middle,bottom,left,right,absbottom,absmiddle,baseline,texttop。border边框，默认为黑色。hspaca水平间距，vspace垂直间距。</p>
<p><img lowsrc="2.jpg" src="1.jpg">如果网速比较慢，显示低分辨率的照片2，否则显示1.<br />
</p>
<p><a href="#"><img src="1.jpg" width="640" height="512" border="0" usemap="#Map"/></a><a href="#">
<map name="Map" id="Map">
<area shape="rect" coords="-2,0,644,108" href="#top" target="_self" alt="顶部"/>
<area shape="rect" coords="-3,390,641,511" href="#end" target="_self" alt="底部" />
</map>
</a>图像地图，图像不要用百分比，直接用px。</p>
<embed src="movie1.swf" autostart="true" loop="false" hidden="false"></embed>
<marquee direction="up" behavior="alternate" scrollamount="10" scrolldelay="800" loop="5" bgcolor="#00CC66" width="1024" height="200" hspace="20" vspace="20">
滚动文字,默认从右到左，direction设置滚动方向，behavior设置滚动方式，scrollamount设置滚动速度，scrolldelay设置滚动延迟（ms），loop设置滚动循环次数,bgcolor设置背景，width和height设置滚动面积,hspace和vspace设置滚动文字的空白空间
</marquee>
<hr size="5" width="1200px" align="center" noshade="noshade" color="#FF0000" />
<ul type="square">
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
</ul>
<ol type="A" start="3">
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<dl>
<dt>定义列表</dt>
<dd>解释。</dd>
</dl>
<p><a name="end"></a></p>
<menu>
<li>菜单列表1</li>
<li>菜单列表2</li>
<li>和无序列表效果一样</li>
</menu> <dir>
<li>目录列表1</li>
<li>目录列表2</li>
<li>和无序列表效果一样</li>
</dir>
<form action="mailto:jlc_gold@163.com" name="myForm" method="post" enctype="text/plain">
姓名
<input type="text" name="name" value="laycher" maxlength="15"/>
密码
<input type="password" name="pw" value="123456"/>
<input type="file" size="50"/>
<input type="checkbox" />
如果
<input type="checkbox" />
那么
<input type="checkbox" checked="checked"/>
别了
<input type="radio" name="city"/>
北京
<input type="radio" name="city"/>
上海
<input type="radio" name="city" checked="checked"/>
杭州
<select name="content1"/>
<option value="1">内容1</option>
<option>内容2</option>
<option selected="selected">内容3</option>
<option>内容4</option>
<select size="2" name="content2" multiple="multiple">
<option>内容1</option>
<option>内容2</option>
<option selected="selected">内容3</option>
<option>内容4</option>
</select>
<input type="button" value="普通按钮" />
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="image" src="button_max.bmp" />
<input type="image" src="button_close.bmp" />
<input type="hidden" name="myform_name" value="info_select" />
</form>
<textarea name="message" rows="6" cols="35" wrap="off">默认内容，wrap用来设置自动换行。</textarea>
编码方式enctype<br />
text/plain 以纯文本的方式进行发送<br />
application/x-www-Form-urlencoded 采用默认的编码方式<br />
multipart/Form-data 采用MINE编码方式进行发送,传送文件<br />
<table border="4" bgcolor="#00CCFF" bordercolor="#FFFFFF" bordercolorlight="#33FF33" bordercolordark="#FF00FF" width="600px" height="100px">
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
</tr>
<tr>
<td>width是整个表格的宽度。height同理</td>
<td>bordercolor会覆盖亮边框和暗边框</td>
</tr>
</table>
<table border="5" background="1.jpg" cellspacing="10px" cellpadding="10px" align="center">
<tr>
<td colspan="3">所跨的列数</td>
</tr>
<tr height="50px" bordercolor="#FF0000">
<td rowspan="2">所跨的行数</td>
<td>表格内容1</td>
<td>表格内容2</td>
</tr>
<tr bgcolor="#FFFFFF" align="right" valign="bottom">
<td>表格内容3</td>
<td>表格内容4</td>
</tr>
</table>
<br />
<table border="2" align="center" width="500px" height="180px">
<caption align="right" valign="bottom">
标题单元格
</caption>
<thead bgcolor="#66FF99" align="center" valign="bottom">
<tr>
<td colspan="2">表首</td>
</tr>
</thead>
<tbody align="left" bgcolor="#FFCC33" valign="middle">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
</tr>
<tr>
<td>表格内容1</td>
<td>表格内容2</td>
</tr>
</tbody>
<tfoot bgcolor="#aa00dd" align="right">
<tr>
<td colspan="2">表尾</td>
</tr>
</tfoot>
</table>
<iframe src="随机显示.htm" width="450" height="200" align="right" frameborder="1" marginheight="50px" marginwidth="50px" scrolling="auto" name="radom">
</iframe><br />
<a href="随机显示.htm" target="down">框架的链接</a>
<a href="随机显示.htm" target="radom">浮动框架的链接</a>
<a href="../" >本页面的基底网址</a><br />
<p>空格 &nbsp; ©</p>
<p>you are a son of bitch.</p> |