python實戰(zhàn)計劃的第一個項目:做一個網(wǎng)頁。
最終界面如下:

one_one.png
代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The blah</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">home</a></li>
<li><a href="#">site</a></li>
<li><a href="#">other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr>
<ul class="photos">
<li><img src="images/0001.jpg" width="150px" height="150px" alt="pic1"></li>
<li><img src="images/0002.jpg" width="150px" height="150px" alt="pic2"></li>
<li><img src="images/0003.jpg" width="150px" height="150px" alt="pic3"></li>
</ul>
<p>stretching from Solta to Mljet, and this unique cycling trip captures the highlights with an ideal balance of activity, culture and relaxation. Experience the beautiful island of Korcula with its picturesque old town, the untouched beauty of Vis, and trendy Hvar with its Venetian architecture. In the company of a cycling guide, this stimulating journey explores towns and landscapes, many of which are on UNESCO's world heritage list. Aboard the comfortably appointed wooden motor yacht, there is ample time between cycles to swim in the azure waters and soak up the ambience of seaside towns.</p>
</div>
<div class="footer">
<p>? DaiLe_VoV</p>
</div>
</body>
</html>
總結(jié):
1.Html Tag標簽是Html網(wǎng)頁的框架,Tag標簽內(nèi)的文本是Html網(wǎng)頁的內(nèi)容。
2.Html Tag標簽有許多種,如段落Tag標簽-< p >,標題Tag-< title >,圖像標簽Tag-< img >等等。
3.每個HTML Tag 標簽都可以擁有屬性,如 < a href="#">This is a link < /a >
中的href屬性。
4.令人崩潰的轉(zhuǎn)義字符,Tag標簽中的<與>在簡書的寫法,我只有用空格隔開,它才能正常顯示。