Python实战 - 第1.1节:认识网页的构成

笔记

网页的基本构成:

  • html - 结构
  • css - 样式
  • js - 功能

作业

实现了如下页面:


作业截图.png

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业001</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>驴肉火烧</h2>
        <hr>
        <ul class="photos">
            <li>
                <img src="images/1001.jpg" width="150" height="150" alt="pic1">
            </li>
            <li>
                <img src="images/1002.jpg" width="150" height="150" alt="pic2">
            </li>
            <li>
                <img src="images/1003.jpg" width="150" height="150" alt="pic3">
            </li>
            <p>先说火烧。先解释下啥就火烧,我们那里的烧饼、大饼等皆可称为火烧。我们那里所说的“大火烧”,即专指驴肉火烧。河间火烧的特点是“外酥里嫩”,油大,面饼呈黄色,外皮油酥,饼内分层并且口感酥嫩。任丘火烧的特点是“外焦里嫩”,油小,面饼呈烤制而成的金黄色,外皮焦脆,饼内分层并且口感韧嫩。</p>
            <p>再说火烧的填充物。为啥不说“馅”呢?因为驴肉等填充物是等火烧出炉以后才塞进去的。填充物除了驴肉,还有板肠和焖子。驴肉和板肠我没有感觉两地的有什么不同,可能由于我的口感不是很敏感,没有察觉出来吧。有好奇的朋友可以找机会自己品尝区分一下。</p>
        </ul>
    </div>
    <div class="footer">
        <p>© 辉叔不太萌</p>
    </div>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,966评论 25 709
  • 社会实践宣讲孟瑞鹏精神 ——机械学院“缅怀瑞鹏,传承担当”实践队 2017年7月3号,华北水利水电大学机械学院缅怀...
    娶名字好难阅读 921评论 0 0
  • 天空终于放晴了,只是云雾还未来得及都散去。一场秋雨让我仿佛失忆一般只记得时间的流逝。 很早就想提笔写点...
    盼的后花园阅读 1,382评论 1 2
  • 从你的淘宝订单中选出一个1年内购买的物品,认真分析其文案、配图的特点,从中分析有哪些你可以学到的内容。 注:尽量选...
    一竹2016阅读 3,196评论 0 0

友情链接更多精彩内容