python实战计划的第一个项目:做一个网页。
最终界面如下:
代码如下:
<!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>
总结:
1.Html Tag标签是Html网页的框架,Tag标签内的文本是Html网页的内容。
2.Html Tag标签有许多种,如段落Tag标签-< p >,标题Tag-< title >,图像标签Tag-< img >等等。
3.每个HTML Tag 标签都可以拥有属性,如 < a href="#">This is a link < /a >
中的href属性。
4.令人崩溃的转义字符,Tag标签中的<与>在简书的写法,我只有用空格隔开,它才能正常显示。