第一节练习项目：做一个网页

练习项目：动手做自己的网页，练习的结果是这样的：

页面

Paste_Image.png

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The blah homework-make your own webpage</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">
            </li>
            <li>
                <img src="images/0002.jpg" width="150" height="150">
            </li>
            <li>
                <img src="images/0003.jpg" width="150" height="150">
            </li>
        </ul>
        <p>
            This should be the first time I wrote a web page on my own. Thanks to Mugglecoding, I think your lessons are really interesting and useful. I do have faith that at the time when I finish this class I am able to do a lot of funny things with Python.
        </p>
    </div>
    <div class="footer">
        <p>©mugglecoding</p>
    </div>
</body>
</html>

总结

课程的讲解很深入浅出
万事开头难，希望自己有一个好的开始，更希望自己能一直坚持下去

最后编辑于：2017.12.04 05:38:50

第一节练习项目：做一个网页

页面

代码

总结

推荐阅读更多精彩内容