1、第一個需求
HTML—列表
我的思考
- 最外層的是兩個無序列表（
<ul>標簽） - 靠近最外層的分別是兩個有序列表（
<ol>標簽） - 最里層的也是無序列表（
<ul>標簽），這里應有一個type=“square”的屬性 - 所有列表項目都需要使用
<li> 標簽
實現效果
我的效果
錯誤糾正
對于開始理解的無序列表添加type=“square”的屬性那塊，在這里是不需要加的，因為默認的無序列表的嵌套結構是這樣的，
從第三層開始默認的樣式就是`square`，所以不用加樣式
實現代碼請訪問我的 Github
3、第二個需求
HTML-表格
我的思考
- 表格分為標題（
<caption>標簽）和表格主體內容部分（5行4列） - 表格主體內容部分首先要有邊框（設置
border屬性） - 表格相關的標簽有
- 表格—
<table>標簽 - 表格的行—
<tr>標簽 - 每行被分為若干單元格—
<td>標簽 - 表格需要進行跨行（
rowspan）、跨列（colspan）合并 - 表格有些內容需要居中顯示
實現效果
我的表格
實現代碼請訪問我的Github
2、第三個需求
HTML-UML試卷
我的思考
- 大致瀏覽下，應分為7部分—標題、卷頭、一～五個大題
- 看著卷子，要想到會使用到的標簽
-
<h1>—標題 -
<span>—用來組合文檔中的行內元素 -
<input>—輸入框，可通過改變type變成checkbox復選框 -
<ol>—有序列表，在小標題時使用 -
<textarea>—標簽定義多行的文本輸入控件
實現效果
我的效果
實現代碼請訪問我的Github
更多HTML學習資源與工具
- html在線驗證：http://www.freeformatter.com/html-validator.html(該網站上還有很多別的工具）
- html在線格式化代碼：http://www.cleancss.com/html-beautify/
- W3School上的HTML基礎教程：http://www.w3school.com.cn/html/index.asp
- Html5新特性：http://www.w3school.com.cn/html5/index.asp
- CodeForDream上提供的HTML課程：http://www.codefordream.com/courses/html_basic/sections
