Python实战计划学习笔记:做一个网页

python实战计划的第一天,作业是一个网页。从老师的公布的github下拿到写好的css样式和图片资料,html部分由自己借助w3网查询完成。

成果展示图

第一次作业.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">  <!-- 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手册对于一些标签属性的描述,给出了不赞成的红色字体。这是出于什么考虑呢?
  • 多写代码!多写代码! 多写代码!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容