Python实战计划学习笔记homework1.1：做一个简单网页

2019年5月9日 197次阅读 来源: 纷飞清扬

参加网易云课堂的一个Python课程。这是我第一次做的一个简单网页。虽然是按照老师的代码敲的，但敲完代码后能实现一个网页还是给了我继续学习的信心。网页如下图

《Python实战计划学习笔记homework1.1：做一个简单网页》 QQ截图20161216213650.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">
        <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>&copy: Mugglecoding</p>
    </div>
</body>
</html>

总结：
1.了解了网页常见的三种文件类型，js，css，HTML。
2.网页的结构一般是三部分，header，body和footer。把网页分割为这三部分，再根据每个部分添加各种样式、图片。
3.HTML标签一般都有头有尾，

这个特殊，不用结束标签

4.通过查询文档，了解每个标签的作用、样式如何引用

    原文作者：纷飞清扬
    原文地址: https://www.jianshu.com/p/783700ae34fe
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞