サマリー:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>學(xué)習(xí)HTML的第七節(jié)課 —— form表單</title> <link rel="shortcut ico
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>學(xué)習(xí)HTML的第七節(jié)課 —— form表單</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <link rel="stylesheet" type="text/css" href="css/index.css"> <style type="text/css"> input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top:20px; padding: 20px; } button{height: 50px;width: 300px;margin-top:20px; background: #04BAFB; border: none; color:#fff; } </style> </head> <body> <form method="get/post" action="url地址"> <input type="text" name="username" placeholder="QQ號碼/手機(jī)/郵箱"><br> <input type="password" name="pwd" placeholder="密碼"><br> <button>登錄</button> </form> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>學(xué)習(xí)HTML的第八次課 —— 表格(table)</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <style type="text/css"> *{margin: 0px;padding: 0px;} table{ border: 1px solid #ccc; border-collapse: collapse;} tr td{height: 200px;border: 1px solid #ccc;width: 100px; text-align: center;} tr th{height: 50px;border: 1px solid #ccc;width: 100px;} </style> </head> <body> <table> <tr> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> <th>六</th> </tr> <tr> <td colspan="6";>合并列</td> </tr> <tr> <td rowspan="3">合并行一</td> <td>二</td> <td>三</td> <td>四</td> <td>五</td> <td>六</td> </tr> <tr> <td>二</td> <td>三</td> <td>四</td> <td>五</td> <td>六</td> </tr> <tr> <td>二</td> <td>三</td> <td>四</td> <td>五</td> <td>六</td> </tr> </table> </body> </html>
第一部分代碼是通過老師講解的form表單所做的模擬QQ登錄界面,第二部分是由老師講解的表格,自己做了一個(gè)表格。
添削の先生:滅絕師太添削時(shí)間:2018-11-08 16:25:37
先生のまとめ:將所學(xué)到的知識點(diǎn)都運(yùn)用了很棒,繼續(xù)保持!