没有动力的学习,没有压力的学习,没有顾虑的学习。。。。。

效率好低,汗..... :arrow:

如果学会下面的代码,我估计你就学会了。

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>&lt;img lowsrc=&quot;2.jpg&quot; src=&quot;1.jpg&quot;&gt;如果网速比较慢,显示低分辨率的照片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>空格 &amp;nbsp; &copy;</p>
<p>you are a son of bitch.</p>


Html2.html文件

0
1
2
3
4
5
6
7
8
9
10
11
< !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" />
<title>HTML测试2</title>
</head>
<frameset rows="60%,40%" framespacing="20" bordercolor="#000099">
  <frame src="Frame-1.html" name="up" />
  <frame src="Html1.html" name="down" scrolling="auto" />
</frameset>
<noframes>该浏览器不支持框架。</noframes>
</html>

Frame-1.html 文件

1
2
3
4
5
6
7
8
9
10
11
12
< !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" />
<title>无标题文档</title>
</head>
<frameset cols="20%,60%,20%" frameborder="yes">
<frame src="Html1.html"  marginheight="50px"/>
<frame src="Html1.html"  marginwidth="50px"/>
<frame src="Html1.html"  noresize="noresize"/>
</frameset><noframes></noframes>
</html>

>> 若为原创,转载请注明: 转载自Laycher's Blog

>> 本文链接地址: HTML学习

>> 订阅本站: http://feed.feedsky.com/laycher



无觅相关文章插件,快速提升流量