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文件 a > 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> </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> </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> </td> 88 <td><img alt="注册" src="C:/Users/user/Desktop/day_01/资料/案例/表单案例/btn_reg.gif"></td> 89 </tr> 90 </table> 91 <p>Copyright © 2016 昭大网络 版权所有</p> 92 </body> 93 </html>