参加网易云课堂的一个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="150" height="150" alt="Picl">
</li>
<li>
<img src="images/0003.jpg" width="150" height="150" alt="Pic2">
</li>
<li>
<img src="images/0004.jpg" width="150" height="150" 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>©: Mugglecoding</p>
</div>
</body>
</html>
总结:
1.了解了网页常见的三种文件类型,js,css,HTML。
2.网页的结构一般是三部分,header,body和footer。把网页分割为这三部分,再根据每个部分添加各种样式、图片。
3.HTML标签一般都有头有尾,
这个特殊,不用结束标签
4.通过查询文档,了解每个标签的作用、样式如何引用