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

作者: 纷飞清扬 | 来源:发表于2016-12-16 22:24 被阅读115次

Python实战计划学习笔记homework1.1：做一个简单网
linux c 入门学习笔记
python3爬虫学习笔记(一)
爬虫入门练习（三）爬取小猪租房网信息
Python实战
Python 实战计划作业1学习笔记
基础篇-爬虫基本原理
Python实战计划学习笔记：做一个网页
Python 实战计划学习笔记：做一个网页
Python 实战计划学习笔记：做一个网页

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

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.通过查询文档，了解每个标签的作用、样式如何引用