CSDN是國內最大的IT社區和技術服務商，擁有海量的技術博客、問答社區以及學習教育平臺。
其首頁html代碼如下：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>CSDN - 專業IT技術社區</title> <link rel="stylesheet" > <link rel="stylesheet" > </head> <body> <div class="container"> <header class="header"> <div class="header-logo"> <a target="_blank"> <img src="https://icon.csdn.net/assets/csdn-logo.svg" alt="CSDN"/> </a> </div> <nav class="header-nav"> <ul> <li><a href="#">前端開發</a></li> <li><a href="#">后端開發</a></li> <li><a href="#">數據庫</a></li> <li><a href="#">云計算</a></li> <li><a href="#">人工智能</a></li> </ul> </nav> </header> <div class="content"> //這里是頁面中間的內容區域，包括熱門文章、熱門問答等 </div> <footer class="footer"> //這里是網站的公共底部，包括公司信息、友情鏈接等 </footer> </div> </body> </html>
整個頁面采用HTML5標準，頭部聲明了中文語言編碼UTF-8以及網頁的標題。頁面使用了兩個CSS樣式表，一個是normalize.min.css，用來統一瀏覽器的樣式，另一個則是網站自己的主樣式表main.css。
頁面由一個名為container的div包裹，在其里面分別有header（頭部、導航欄）、content（正文內容）和footer（底部）三個部分組成。頭部區域有導航欄和網站logo，導航欄有五個菜單項分別鏈接到不同的技術分類。正文內容由熱門文章和熱門問答構成，底部區域包含了網站的公司信息和友情鏈接等。
上一篇給CSS字體外加四角框
下一篇mysql和php版本