1 <html>
2 <head>
3 <!--head里边还有title，meta-->
4 </head>
5 <body >
6 <!--body可以指定背景色，文本色，超链接色：bgcolor，text，link=_,还有正在点击可链接的颜色：alink，已经点击的可链接（访问）的颜色-->
7 </body>
8 </html>
9 页面空白(body中的)
<body leftmargin=_|| topmargin=_/)
10 元素就是标记；
11
12 <!--body html内容是放在body中--> 注释
13
14 <p>段落标记
</p>（注意p换行与
</br>换行不一样的，p中间会隔一行，
<br/>只是换行，换到下行
15
16 <font size=" "字体标记<\font> size 的取值是1 到 7（想要更大，用
<font style="font-size:--px"> </font>
17 <h#></h#>:标题字体，范围是1到6（1最大） 18 物理字体：
19 <b> 字体加粗
</b>
20 <i>斜体
</i>
21 <u>下划线
</u>
22 <br/>换行
23 <blink>字体闪烁
</blink>（有的游览器不闪）
24 <marquee>我会移动哟
</marquee>
25
26 标尺线
27 <hr></hr>:align,size,width,height,color,noshade(是否有阴影)
28 <hr width=50,50%>
31 font face字体设置（默认是宋体）
32 <元素 属性="属性值"...> 内容
<\元素> 如果没有内容就写成
<元素 属性="属性值".../> (
<元素 属性="属性值"...> <\元素> 也行 但 是多此一举)
33
34 图片（图片也可以做超链接）
35 <!--图片可以是网上的-->
36 <img src="1.gif" bordercolor="red" alt="__" width=150px></img>
37 <!--alt让鼠标移到图片有提示，提示就是alt的内容-->
38
41 <a href="#" taget="值"></a>
42 <a href=url taget=_blank/> 新窗口
43 <a href=url taget=_self/>本窗口
44 <a href=url taget=_parent/>父窗口
45 <a href=url taget=_top/>整个浏览器窗口
46 <a href=url taget=指向frame的名字/>
47
表格的元素是table
49 <!--表格宽度，边框颜色，背景颜色，表格的对齐方式-->
50 <table border="2" cellspacing="5" cellpadding="10" width="500" bordercolor="red" bgcolor="yellow" align=center>
51 <tr align="center"><td></td></tr> <!--tr表示行,td表示列,该行的内容居中对齐-->
52 </table>
53 valign：用于表格的top，bottom移动；
54 注意学会rowspan和colspan的使用
55
56 注意：cellspacing是行与行列与列之间的距离，而cellpadding是填充的大小
57 <th>用于表头，是字体加粗
</th>
58
59
60 ********超链接案例*****
<br/>
61 <!--target默认为_self,而_blank是打开新的一个网页-->
62 <a href="http://www.souhu.com/" target="_blank">老鼠爱大米
</a><br/>
63 <a href ="mailto:hanshunping@tsinghua.org.cn">给管理员写信
</a><br/>
64
65 <html>
66 *****有序ul 无序ol*******
67 <ul type=circle>
68 <!--ui默认的type是square，还有circle与disc)-->
69 <li>luYi
</li>
70 <li>yang
</li>
71 <li>shadow
</li>
72 </ul>
73 <!--ol 还有start属性，从第几个算-->
74 <ol type=I >
75 <!--默认的是阿拉伯数字，-->
76 <li>luYi
</li>
77 <li>yang
</li>
78 <li>shadow
</li
79 </ol>
80 </html>
81 ****有frameset不能有元素body
82
83 <title>登录账号
</title>
84 <hl>登录界面
</hl><br/>
85 <form action="ok.html" method=get>------------form中还有隐藏表单<input type="hidden" value="hahh"/>
86 用户名:
<input type="text" name=""/><br/>
87 密 码:
<input type=password name=""/><br/>
88 <input type="submit" name=""/>
89 <input type="reset" name=""/>
90 </form>
91 *******复选框********
<br/>
92 <!--name是自己写的最好一样，但是单选框要一样-->
93 <input type="checkbox" name="1"/>苹果
<br/>
94 <input type="checkbox" name="1"/>葡萄
<br/>
95 <input type="checkbox" name="1">香蕉
</input><br/>
96 <input type="checkbox" name="1">梨子
</input><br/>
97 <input type="checkbox" name="1">橘子
</input><br/>
98 如果让打开的时候有个默认的选择，就在后边价加checked，例如：
<input type="checkbox" name="1" checked/>苹果
<br/>
99 单选框也可以用checked，但是只能选一个!
100 *********单选框**********
</br>
101 请选择性别：
<br/>
102 <input type="radio" name="one">B
</input><br/>
103 <input type="radio" name="one">G
<br/>
104
105 <br/>
106 **********select（选择框）********
<br/>
107 出生地的选择
108 <select name=”board“>
109
110 <option value="">--请选择--
</option> <!--通过这里调节选择框的宽度-->
111 <option value="hn">湖北
</option> <!--服务器是通过value来接收信息的-->
112 <option value="hb">湖南
</option> <!--”“是英文输入法的-->
113 <option value="sh">上海
</option>
114 </select><br/>
115 <select size=_(一次展现多少个出来) multiple(本来只选择一个，加了这个就能多选)>
116 默认选择：在后边加一个selected。
117
118 *******文本域-textarea******
<br/>
119 <textarea cols="30" rows=”10“> 请输入内容.。。。
</textarea><br/>
120 <textarea wrap=off>:关闭自动换行
121
122 ********请上传文件***********
<br/>
123 <input type="file" name="ww"/>请上传文件
