原来已经学习过了HTML，但很多标签没有记住，今天进行总结和复盘，计划一天内做完。
HTML概念——HyperText Markup Language（超文本标记语言），由标签组成的语言，能展示超文本效果。
HTML语言特征
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>标题</title> </head> <body> 用户要看到的内容 </body> </html>
HTML基本标签
格式化标签
图片标签
另外注意，百分比的写法width会盖掉height的值。如果不想可以将另一项写为px值。
超链接标签
块标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <!--1.字体标签--> <font size="7" color="red" face="楷体" >最大红色字体</font> <font size="1" color="blue" face="楷体" >最小蓝色字体</font><br /><br /> <!--2.格式化标签--> <h1 align="center">静夜思</h1><!--段前段后有空白行--> <h6 align="center">唐 李白</h6> <p align="middle"> 床前明月光，<br /> 疑是地上霜。<br /> 举头望明月，<br /> 低头思故乡。<br /> </p> <!--3.图片标签--> <img src="img/1.jpg" width="100%" height="500" /> <img src="img/2.jpg" height="50%" width="10%"/> <!--4.列表标签--> <ul> <li>手机数码</li> <li>家具家电</li> <li>阿巴阿巴</li> </ul> <ol> <li>手机数码</li> <li>家具家电</li> <li>阿巴阿巴</li> </ol> <!--5.超链接标签--> <p><a href="1.jpg">风景画</a></p> <a href="http://www.baidu.com">百度</a><br /> <a href="http://www.baidu.com"><img src="img/2.jpg" width="200" /></a> <!--6.表格标签--> <table border="10px" width="100%"> <tr> <th colspan="3">1</th> <th>4</th> <th>5</th> </tr> <tr> <td rowspan="2">Data1</td> <td>Data2</td> <td colspan="2" rowspan="2">Data3</td> <td>Data5</td> </tr> <tr> <td>Data7</td> <td>Data0</td> </tr> </table><br /><br /><br /> <table border="10px" width="100%"> <tr> <th>姓名</th><!--th默认居中加粗--> <th>语文</th> <th>英语</th> <th>数学</th> </tr> <tr> <td>xl</td> <td>150</td> <td>150</td> <td>150</td> </tr> <tr> <td>xx</td> <td>150</td> <td>150</td> <td>150</td> </tr> </table> <!--7.块标签--> <div>111111111111</div> <div>222222222222</div> <span>aaaaaaaaaaa</span> <span>bbbbbbbbbbb</span> <form action="img/2.jpg" method="post"> 姓名:<input type="text" name="" /><br /> 密码：<input type="password" /><br /> 性别:<input type="radio" name="sex"/>男 <input type="radio" name="sex"/>女 <br /> <input type="submit" value="注册"/> </form> </body> </html>
这是今天一天的代码，其实就是对每个例子的验证，其实并没有学多少，而且任务也没有完成。做的不是很好！明天要再加油！