HTML学习笔记

  1 <!DOCTYPE html>
  2 <html>
  3   <head>
  4     <title>我的第一个html文件</title>
  5     
  6     <meta name="keywords" content="keyword1,keyword2,keyword3">
  7     <meta name="description" content="this is my page">
  8     <meta name="content-type" content="text/html; charset=GB2312">
  9     <!-- 这是一个注释 -->
 10     
 11 
 12   </head>
 13   
 14   <body>
 15       <a name="top">顶部</a>
 16     <h1>这是标题一</h1>
 17     <hr size="14" color="blue"/>
 18     <h2>标题二</h2>
 19     <br/>这是第一个html文件&nbsp;&nbsp;&nbsp;a &gt; b
 20     <h3>标题三</h3>
 21     <h4>标题四</h4>
 22     <h5>标题五</h5>
 23     <h6>标题六</h6>
 24     <a name="dl">dl/ol/ul学习</a>
 25     <dl>
 26         <dt>昭大网络</dt>
 27         <dd>财务部</dd>
 28         <dd>学工部</dd>
 29         <dd>人事部</dd>
 30     </dl>
 31     <!-- 有序列表 -->
 32     <ol>
 33         <li>财务部</li>
 34         <li>学工部</li>
 35         <li>人事部</li>
 36     </ol>
 37     <!-- 无序列表 有type -->
 38     <ul type="square">
 39         <li>财务部</li>
 40         <li>学工部</li>
 41         <li>人事部</li>
 42     </ul>
 43     <!-- 图像标签 -->
 44     <img alt="林青霞" src="D:/林青霞.jpg" width="" height="">
 45     <br>
 46     <hr size = "5" color="red">
 47     <a href="D:/林祖贤.jpg" target="_blank">林祖贤</a>
 48     <!-- 表格标签,重要的标签 -->
 49     <table border="1" bordercolor="purple" cellspacing="0" width="200px" height="50px">
 50         <tr align="center">
 51             <td>姓名:</td><td>林青霞</td><td>林祖贤</td>
 52         </tr>
 53         <tr align="center">
 54             <td>年龄:</td><td>25</td><td>23</td>    
 55         </tr>
 56         <tr align="center">
 57             <td>性别:</td><td></td><td></td>
 58         </tr>
 59         <caption>这是一个表格</caption>
 60     </table>
 61     <!-- 合并单元格 -->
 62     <table border="1" cellspacing="0" width="200px" height="200px">
 63         <tr>
 64             <td colspan="2">1</td>
 65             <td rowspan="2">3</td>
 66         </tr>
 67         <tr>
 68             <td rowspan="2">4</td>
 69             <td>5</td>    
 70         </tr>
 71         <tr>        
 72             <td colspan="2">8</td>    
 73         </tr>
 74     </table>
 75     <!-- 表单学习 -->
 76     <form action="" method="get">
 77         输入帐号:<input type="text">
 78         <br>
 79         输入密码:<input type="password">
 80         <br>
 81         你是女的吗?是<input type="checkbox"> 
 82         不是<input type="checkbox">
 83         <br>
 84         上传你的照片吧:<input type="file">
 85         <br>
 86         请输入你的出生日期
 87         <select name="birth">
 88             <option value="1991">1991</option>
 89             <option value="1992">1992</option>
 90             <option value="1993">1993</option>
 91         </select> 92         <select name="month">
 93             <option value="0">7</option>
 94             <option value="1">8</option>
 95             <option value="2">9</option>
 96         </select> 97         <select name="day">
 98             <option value="0">5</option>
 99             <option value="1">6</option>
100             <option value="2">7</option>
101         </select>102         <br>
103         自我介绍
104         <textarea rows="100px" cols="100px"></textarea>
105         <br>
106         <input type="submit" value="登录">
107         <input type="submit" value="注册">
108         <input type="image" src="D:/林祖贤.jpg">
109         <br>
110         <input type="reset">
111         <br>
112         <input type="button" value="">
113     </form>
114     
115     <br>
116     <a href="#dl">回到dl学习</a>
117     <br>
118     <a href="#top">回到顶部</a>
119   </body>
120 </html>
 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>注册</title>
 5     
 6     <meta name="keywords" content="keyword1,keyword2,keyword3">
 7     <meta name="description" content="this is my page">
 8     <meta name="content-type" content="text/html; charset=GBK">
 9     
10 
11   </head>
12   
13   <body>
14       <table>
15           <caption>人人网注册</caption>
16           <tr>
17               <td>注册邮箱:</td>
18               <td><input type="text" name="email"></td>
19           </tr>
20           <tr>
21               <td>&nbsp;</td>
22               <td>你还可以使用<a href="">帐号</a>注册或者<a href="">手机号</a>注册</td>
23           </tr>
24           <tr>
25               <td>创建密码:</td>
26               <td><input type="password" name="pwd"></td>
27           </tr>
28           <tr>
29               <td>真实姓名:</td>
30               <td><input type="text" name="name"></td>
31           </tr>
32           <tr>
33               <td align="right">性别:</td>
34               <td>
35                   <input type="radio" name="sex" value="male">36                   <input type="radio" name="sex" value="female">37               </td>
38           </tr>
39           <tr>
40               <td align="right">生日:</td>
41               <td>
42                   <select>
43                       <option value="0">1991</option>
44                       <option value="1">1992</option>
45                       <option value="2">1993</option>
46                   </select>47                   <select>
48                       <option value="0">7</option>
49                       <option value="1">8</option>
50                       <option value="2">9</option>
51                   </select>52                   <select>
53                       <option value="0">6</option>
54                       <option value="1">7</option>
55                       <option value="2">8</option>
56                   </select>57               </td>
58           </tr>
59           <tr>
60               <td align="right">我现在:</td>
61               <td>
62                   <select>
63                       <option value="0">上班</option>
64                       <option value="1">上学</option>
65                   </select>
66               </td>
67           </tr>
68           <tr>
69               <td>&nbsp;</td>
70               <td><img alt="验证码" src="C:/Users/user/Desktop/day_01/资料/案例/表单案例/verycode.gif">
71               <a href="#">看不清换一张?</a>
72               </td>
73           </tr>
74           <tr>
75               <td align="right">验证码:</td>
76               <td>
77               <input type="text">
78               </td>
79           </tr>
80           <tr>
81               <td>自我介绍:</td>
82               <td>
83                   <textarea rows="300px" cols="300px"></textarea>
84               </td>
85           </tr>
86           <tr>
87               <td>&nbsp;</td>
88               <td><img alt="注册" src="C:/Users/user/Desktop/day_01/资料/案例/表单案例/btn_reg.gif"></td>
89           </tr>
90       </table>
91       <p>Copyright &copy; 2016 昭大网络&nbsp;版权所有</p>
92   </body>
93 </html>

 

posted @ 2016-04-11 16:27  爪哇见习  阅读(227)  评论(0编辑  收藏  举报