頁面一：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p style="text-align: center;"> <a href="page01.html"> <img src="img/html5.jpg" border="5px" title="Html5圖片"/> </a> </p> </body> </html>
效果圖：
頁面二：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 align="center">HTML百科</h1> <img src="img/a.jpg" style="float: left;" hspace="10px" vspace="0px"/> <hr color="darkgray"/> <div id=""> <li> <strong>HTML5</strong>是<strong>HTML</strong>即超文本標記語言或超文本鏈接標示語言的第五個版本.目前廣泛使用的是<strong>HTML4.01</strong>。 </li> <li> <strong>HTML5</strong>草案的前身名為<strong>Web Applications 1.0</strong>。 </li> <li> <em>2004年</em>被<strong>WHATWG</strong>提出。 </li> <li> <em>2007年</em>被<strong>W3C</strong>接納，並成立了新的<strong>HTML</strong>工作團隊。 </li> <li> <em>2008年1月22日</em>，第一份正式草案公布。 </li> </div> <hr color="darkgray"/> <a href="page02.html"><img src="img/down.png"/></a> <a href="page.html"><img src="img/return.png" style="float: right;" href="page.html"/></a> </body> </html>
效果圖：
頁面三：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1 align="center">HTML百科</h1> <img src="img/b.jpg" style="float: left;" hspace="10px" vspace="0px"/> <hr /> <img src="img/pic01.jpg" /> <img src="img/pic02.jpg" /> <hr /> <a href="page01.html"><img src="img/up.png" href="page01.html"/></a> <a href="page.html"><img src="img/return.png" style="float: right;" href="page.html"/></a> </body> </html>
效果圖：
頁面四：
!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <h1 align="center">傳播智客學院簡介</h1> <h3 align="center"> 更新時間：2015年7月28日14時08分 來源： <a href="http:\\www.itcast.cn" target="_blank">傳播智客</a> </h3> <hr color="darkgray"/> <img src="img/designer.jpg" align="left" hspace="40px" vspace="5px" width="350px"/> <p> <strong>傳智播客設計學院</strong>專注於平面設計師、網頁設計師、UI設計師的培養。我們擁有專業的師資團隊，清晰合理的課程架構，4個月的學習循序漸進、充實飽滿，結合大量的案例和實戰項目，畢業后相當於兩年工作經驗。</p> <p> <strong>傳智播客設計學院</strong>教給你的遠遠不止如何作圖，在這里你將學到真正的設計素養和理念，成為平面、網頁、UI設計都精通的全能設計師。</p> <p> 迄今為止<strong>傳智播客設計學院</strong>已經培養出了上萬名設計師，遍布於各個大中型企業，同時，從傳智播客走出去的學員也得到了各個企業的一致認可和好評。</p> </div> <hr color="darkgray"/> </body> </html>
效果圖：
內容所涉及的程序及圖片鏈接：https://i.cnblogs.com/Files.aspx