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

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差不多

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,261评论 25 709
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,687评论 32 459
  • 导读:职场销售如同下棋一样,要灵活机动。销售员可以参考自身对于产品或服务时的购买心理,同样客户购买产品都会或前或后...
    晴宇家阅读 4,032评论 0 0
  • 去社区看望孤寡老人,几乎所有老人都在抱怨子女的不孝。他们执着于“子女应该孝顺”这样的观念,除了加深自己的痛苦,直...
    心灵的观察者阅读 1,163评论 0 0