软通极客营01
伍传琴 13851613814 913295104@qq.com
输出格式中文编译常用 GBK（中文以及常用英文） UTF-8（世界所有文字）
基本语法
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
| <html>
<head>
<meta charset="utf-8">
<title>The First</title>
</head>
<body>
<h1>HELLO</h1>
<h2>HELLO</h2>
<h6>HELLO</h6>
<font size="6">6号字体</font>
<hr width="200">
<a href="">假链接</a>
<br><a href="#">Top</a>
<a href="#maodian">点击前往</a>
<p id="maodian">It's me</p>
<p>
我的博客<br>
<a href="http://xyyhub.github.io/" target="_black">点击跳转</a><br>
</p>
<img src="img/avatar.jpg" width="200" height="200" alt="图片不存在" title="我的头像">
<h4>无序列表</h4>
<ul type="dise">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ul>
<h4>有序列表</h4>
<ol type="dise">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
<img src="img/tall.png" alt="图片不存在" title="上海" width="400" height="300" align="left" hspace="90">
<h3>
<font color="red">陆家嘴</font>
</h3>
<ul type="disc">
<li>上海大厦</li>
<li>国贸大厦</li>
<li>金融中心</li>
</ul>
</body>
</html>
|
表格 Table
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
| <html>
<head>
<title>Table</title>
<meta charset="utf-8">
</head>
<body height="7800">
<table border="1" align="center" bgcolor="pink">
<tr>
<td>
html
</td>
</tr>
</table>
<table border="1" align="center">
<caption>Table Title</caption>
<thead bgcolor="pink">
<tr>
<td>List Name 1</td>
<td>List Name 2</td>
<td>List Name 3</td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" bgcolor="pink">1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td rowspan="2" bgcolor="pink">2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td rowspan="2" bgcolor="pink">3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody>
<tfoot>
<tr align="center" bgcolor="pink">
<td colspan="3">Table Foot 1 & 2 & 3 .</td>
</tr>
</tfoot>
</table>
</body>
</html>
|
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
| <html>
<head>
<title>
用户登录界面
</title>
<meta charset="utf-8">
</head>
<body>
<form action="text01.html" method="post" align="center">
<p>账号：<input name="username" maxlength="10" placeholder="请输入用户名" size="100"></p>
<p>密码：<input type="password" name="pwd" ></p>
<p>确认：<input type="password" name="rpwd"></p>
<p>性别：
男<input type="radio" name="sex" value="男" checked>
女<input type="radio" name="sex" value="女"></p>
<p>
爱好：
游泳<input type="checkbox" name="hobby" value="游泳">
健身<input type="checkbox" name="hobby" value="健身">
篮球<input type="checkbox" name="hobby" value="篮球">
足球<input type="checkbox" name="hobby" value="足球">
</p>
<p>
出生日期：
<select>
<option selected="selected">一月</option>
<option>二月</option>
<option>三月</option>
<option>四月</option>
<option>五月</option>
<option>六月</option>
<option>七月</option>
<option>八月</option>
<option>九月</option>
<option>十月</option>
<option>十一月</option>
<option>十二月</option>
</select>
</p>
<p>
文件上传：<input type="file">
</p>
<p>
<textarea cols="20" rows="10">hello word</textarea>
<p>
<input type="submit" value="登录">
<input type="reset" value="重置">
<input type="button" value="普通按钮">
<input type="hidden" name="id" value="100">
</p>
</form>
</body>
</html>
|
框架 Frame
使用了frameset标签，不需要使用body.
属性：
rows：横向切分页面
cols：纵向切分页面
frameborder :是否显示框架边框 0 、 1、 yes、 no
标签代表切分每个部分的页面
src：引入页面的路径
name 框架页面的名称
noresize :禁止调整大小
scrolling : 是否显示滚动条
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <html>
<head>
<title>Frameset</title>
<meta charset="utf-8">
</head>
<frameset rows="20%,*">
<frame src="shop.html"></frame>
<frameset cols="20%,*">
<frame src="left.html" ></frame>
<frame src="用户管理.html" name="rightFrame"></frame>
</frameset>
</frameset>
</html>
|
