HTML 笔记 - 1 

  1 <html>
  2     <head>
  3         <title>First HTML</title>
  4         <meta charset="utf-8"><meta/>
  5 
  6     </head>
  7     <body>
  8         <br name = "value">lala<br/>
  9         <!--<ol>有序表
 10             <ul>无序表
 11             <dl>自定义表-->
 12         <dl>
 13             <dt>Coffee</dt>
 14             <dd>- Black hot drink</dd>
 15             <dt>Milk</dt>
 16             <dd>- White cold drink</dd>
 17         </dl>
 18         <!--
 19         <img>
 20             *很可惜，img没有 href 属性*
 21             alt 规定图像的替代文本
 22             src 规定图像的URL
 23             width 规定图像的宽度
 24             height 规定图像的高度
 25             usemap 将图像定义为客户端图形映射..这个不明白
 26             -->
 27         <img alt="lalala" src="hhh.jpg" width="100" height="100">
 28         <!--
 29         <area>
 30             alt 规定图像的替代文字，若使用 href 则此项为必须
 31             coords 规定区域坐标
 32             href 规定区域目标URL
 33             shape 规定区域形状
 34             target 规定 href 内容打开方式
 35         -->
 36         <area alt = "hahaha" shape = "rect" coords = "x1,y1,x2,……" href = url>
 37         <!--
 38         <table> 表格
 39             border 表格外边框宽度
 40             cellpadding 单元边界与单元内容之间的距离
 41         <caption> 表格标题
 42         <thead> 表格页眉
 43         <colgroup> 列的组
 44         <col> 列
 45             style 样式
 46             span 跨度
 47         <th> 表头
 48             colspan 横跨的列数
 49             rowspan 纵跨的行数
 50         <tr> 行
 51         <td> 表格单元
 52         -->
 53         <table border = "10" cellpadding = '100'>
 54             <caption>lalaal</caption>
 55             <thead>kkkkkk</thead>
 56             <colgroup>
 57                 <col style = "background-color:red">
 58                 <col span = "2" style = "background-color:blue">
 59             </colgroup>
 60             <tr>
 61                 <th>Name</th>
 62                 <th colspan="2">Telephone</th>
 63             </tr>
 64             <tr>
 65                 <td>Bill Gates</td>
 66                 <td>555 77 854</td>
 67                 <td>555 77 855</td>
 68             </tr>
 69         </table>
 70 
 71         <!--
 72             <form> 输入表单(可以理解为一张纸，其他所有输入可以加载在这张纸上)
 73             <input> 输入域
 74                 tpye 输入形式
 75                     "text" 文本框
 76                     "password" 密码框
 77                     "radio" 单选框
 78                     "checkbox" 复选框
 79                     "reset" 重置
 80                     "submit" 提交
 81                     "button" 按钮
 82                     "hidden" 隐性输入(大概可以理解为后台自己获取信息，多用内嵌函数)
 83                     "file" 文件输入
 84                 value 值
 85             <select> 下拉菜单
 86         -->
 87         <form action = "" method = "post">
 88             <fieldset>
 89                 <legend>Self Message</legend>
 90                 Sex
 91                 <input type = "radio" name = "sex" value = "male">Male
 92                 <input type = "radio" name = "sex" value = "female">Famale<br/>
 93                 Employed
 94                 <input type = "checkbox" name = "work" value = "Y">Yes
 95                 <input type = "checkbox" name = "work" value = "N">No<br/>
 96                 Location
 97                 <select>
 98                     <optgroup lable = "Beijing">
 99                         <option value = "hd">Haidian</option>
100                         <option value = "sjs">Shijingshan</option>
101                     </optgroup>
102                 </select>
103                 <br/>
104                 <input type = "file" value = "file"><br/>
105                 <input type = "hidden" value = "hidden"><br/>
106                 <input type = "button" value = "button"><br/>
107                 <input type = "password" placeholder = "password"><br/>
108                 <input type = "submit" value = "Submit"><br/>
109                 <input type = "reset" value = "Reset"><br/>
110             </fieldset>
111         </form>
112     </body>
113 </html>

 

 

 

posted @ 2018-03-29 20:36  Arrack丶  阅读(119)  评论(0)  编辑  收藏  举报