Python實戰1_1:做一個自己的網頁
阿新 • • 發佈:2019-01-27
參加了Python實戰課程,此為第一節課的練習總結
成果
HTML程式碼
<!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="150" height="150"></li>
<li><img src="images/0003.jpg" width="150" height="150"></li>
<li><img src="images/0004.jpg" width="150" height="150"></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>©MUGGLECODING</p>
</div>
</body>
</html>
總結
- 瞭解了網頁結構組成。
- js是用於控制html頁面程式碼,實現複雜的頁面效果或功能
- css用於功能html如何展示,讓頁面展示的美觀漂亮
- html用於描述網頁結構。
- 學會了如何使用css結構去控制頁面樣式(css是老師寫好的)