python实战第一个练习:第一个网页

看了示例的视频和资料,很快就完成了第一个网页!

最终网页效果:

屏幕快照 2016-08-29 下午10.16.51.jpg

我的代码:

<!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">
                <img src="images/0002.jpg" width="150" height="150">
                <img src="images/0003.jpg" width="150" height="150">
                <p>in Indonesia has long been famous as a leading tourist
                    destination in terms of seaside travel, with its exotic
                    natural scenery and vibrant culture, the world for its
                    exotic and vibrant art and culture, Bali is an island
                    of paradise.
                </p>
            </li>
        </ul>
    </div>
    <div class="footer">
        <p>&copy; Mugglecoding</p>
    </div>
</body>
</html>

总结:

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • 空气中,暗流涌动。今年清明,日光压抑着雨势。以花香为酿,鼻尖嗅出了整个春天。 群鸟脆鸣,正当时节。静坐室内,眼眸微...
    灵君阅读 190评论 0 0
  • 女儿说对心里没有兴趣。所以看书的时候才会睡着。 他自己给了他自己心理的暗示,这是我那个年龄也会做的。你能坚持,我也...
    lygly9阅读 204评论 0 0
  • 限制API调用频率 使用redis-throttle 集成到Rails中,修改config/application...
    yaya_pangdun阅读 243评论 0 0
  • 天堂,活人创造的地方。谁能肯定离开你的她去的是那里!又何谈在那里再次相遇。 乌鲁鲁,我不知是否是世界中心,但站在那...
    岑子辛阅读 232评论 0 0