美文网首页
Python实战笔记第一课:做一个网页

Python实战笔记第一课:做一个网页

作者: df67b0350040 | 来源:发表于2017-02-08 21:36 被阅读0次
    Python实战第一课,网页的制作,利用现有的素材和css模板做出来的网页,效果如下: QQ图片20170208211542.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">
            ![](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>Article</h2>
            <ul class="photos">
                <li>
                    ![](images/0001.jpg)
                </li>
                <li>
                    ![](images/0002.jpg)
                </li>
                <li>
                    ![](images/0003.jpg)
                </li>
                <li>
                    ![](images/0004.jpg)
                </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、基本类型的标签使用方法基本已经了解,以前有一些网页设计的了解
    2、网页当中分为,结构,样式和功能,很好理解
    3、静态网页的标签都是相内嵌的结构,划分区域以后,在区域内部做一些结构划分和css样式的套用,css样式和Android的Layout差不多

    相关文章

      网友评论

          本文标题:Python实战笔记第一课:做一个网页

          本文链接:https://www.haomeiwen.com/subject/etmbittx.html