python实战计划第一周作业:1.1制做一个网页

根据视频教程亲手做的第一个简单的网页!

效果图
<pre><code>
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The blah</title>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <div class="header">
        <img src="images/blah.png">
        <ul class="nav">
            <li><a href="a">Home</a></li>
            <li><a href="a">Site</a></li>
            <li><a href="a">Other</a></li>
        </ul>
    </div>
    <div class="main-content">
        <center>
             <h2>The beache</h2>
        </center>
        <hr />
            <img src="images/0001.jpg" width="150">
            <img src="images/0002.jpg" width="150">
            <img src="images/0003.jpg" width="150">
            <p>Hello World!我的第一个网页,褚迪!</p>
    </div>
    <div class="footer">
        <p>©chudicodding</p>
    </div>
</body>
</html></code></pre>

总结

  • 引用的都是老师提供的样式,css只是理解。但是还不会写。
  • <center></center>是居中的意思.
  • <div></div>是表示区域的意思。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,523评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,736评论 4 61
  • #每日一抽# 每一位都可以通过这张卡片觉察自己 1、直觉他叫什么名字?舒月 2、他几岁了?35 3、他现在是什么状...
    颜荧梅生育哺育顾问157158阅读 1,265评论 0 0
  • 两个小时,从起形到完成。 时间短,细节刻画的有些粗糙。
    温白M阅读 3,085评论 0 2

友情链接更多精彩内容