学校冬季小学期，安排去NIIT培训前端。
<!DOCTYPE html> <html> <head> <title>title Web tutorials on HTML, CSS</title> <meta name="description" content="Web tutorials on HTML, CSS,javascript" /> <!-- 链接外部css文件 --> <link rel="stylesheet" href="xx.css" type="text/css"> </head> <body> <style type="text/css"> /*body {background-color: red}*/ /*css语法 ：选择器{属性名1:属性值1;属性名2：属性2; }*/ p {margin-left: 20px} div#header {background-color:#99bbbb;} </style> <table border="1"> <tr> <td> <a href="http://www.w3school.com.cn" target="_blank">This is a link target="_blank" 新窗口中打开</a> <a href="#" target="_blank">空连接</a> </td> </tr> <tr> <td> <div id="header"><h1>This is a h1 (使用div#id)</h1></div> </td> </tr> <tr> <td> <h2>This is a h2</h2> </td> </tr> <tr> <td> <p>This is a paragraph p</p> </td> </tr> <tr> <td> <img src="test.jpg">This is a image img</img> </td> </tr> <tr> <td> <ul> <li>无序列表ul</li> <li>Unordered list</li> <li>前面带点</li> <li>li list item 列表项</li> </ul> </td> </tr> <tr> <td> <ol> <li>有序列表ol</li> <li>Ordered list</li> <li>前面带序号</li> </ol> </td> </tr> <tr> <td> <dl> <dt>自定义列表dl</dt> <dd>Definition list</dd> <dt>定义标题dt Definition title</dt> <dd>定义描述dd Definition description</dd> </dl> </td> </tr> </table> <form> <table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td> 文本text <input type="text" name="lastname" /></td> <td> 密码框password <input type="password"></td> </tr> <tr> <td><input type="submit" value="submit" /></td> <td><input type="reset" value="reset"></td> </tr> <tr> <td><input type="hidden">隐藏域hidden</td> <td><input type="radio" name="sex" value="male" /> 单选按钮 <br /> <input type="radio" name="sex" value="female" /> radio</td> </tr> <tr> <td><input type="checkbox" name="bike" />复选框 <br /> <input type="checkbox" name="car" /> checkbox</td> <td> <select> <option>check <option selected>下拉列表option <option>Cherries </select></td> </tr> <tr> <td><textarea >文本域textarea</textarea></td> <td><!-- this is comment -->注释comment</td> </tr> <tr> <td><label>标签label</label></td> <td><button>按钮button</button></td> </tr> </table> <table border="1" frame="box" cellspacing="10" cellpadding="5" > <caption style="background-color:green; color:red;">这里有个标题</caption> <tr> <td>单元格间距cellspacing</td> <td>设置为10</td> </tr> <tr> <td>单元格边距cellpadding</td> <td>设置为5</td> </tr> <tr> <td>边框选择frame</td> <td>box above below hsides vsides</td> </tr> <tr> <td colspan="2">colspan="2" 占用两列 rowspan="2"占用两行 </td> </tr> </table> </body> </html>
