python实战计划的第一天,作业是一个网页。从老师的公布的github下拿到写好的css样式和图片资料,html部分由自己借助w3网查询完成。
成果展示图
我的代码
<!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"> <!-- header -->
<img src="images/blah.png">
<ul class="nav">
<li><a herf="#">Home</a></li>
<li><a herf="#">Site</a></li>
<li><a herf="#">Other</a></li>
</ul>
</div>
<div class="main-content"> <!-- content -->
<h2>The Beach</h2>
<ul class="photos">
<li>
<img src="images/0001.jpg" width="150" heght="150" alt="beach1">
</li>
<li>
<img src="images/0003.jpg" width="150" heght="150" alt="beach2">
</li>
<li>
<img src="images/0004.jpg" width="150" heght="150" alt="beach3">
</li>
<p>We learn wisdom from failure much more than from success.We often
discover what will do, by finding out what will not do; and probably
he who never make a mistake never make a discovery.
As a rule, he -or she- who has the most information will have the
greatest success in life.</p>
</ul>
</div>
<div class="footer"> <!-- footer -->
<p>©mugglecoding</p>
</div>
</body>
</html>
总结
- 这次是我第一次使用markdown来编写博文,不得不说用markdown编写上手特别快;使用中出现一个小插曲,就是我本想在PC上使用markpad写好后发来简书,发现两者显示出的效果有差别,我还需要进一步上网查出是什么问题导致不同的。
- 编写网页时,一些不太懂的HTML标签,我通过使用老师给出的w3school手册进行查询。有个问题不太明白,w3school手册对于一些标签属性的描述,给出了不赞成的红色字体。这是出于什么考虑呢?
-
多写代码!多写代码! 多写代码!