Python实战计划学习笔记0628

实战计划第一天,做了一个网页。

最终成果是这样的:

Paste_Image.png

我的代码:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<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>
        <ul class="photos">
            <img src="images/0001.jpg" width="150" height="150">
            <img src="images/0003.jpg" width="150" height="150">
            <img src="images/0004.jpg" width="150" height="150">
        </ul>
        <p>A wolf had been badly wounded by dogs.
            He lay sick and maimed in his lair.He felt very hungry and thirsty.
            When a sheep passed by, he asked him to fetch some water from the stream.
            "If you bring me the water," he said, "I will find means to get some food.""Yes," said the sheep,
            "if I bring you the water, you would undoubtedly make me your food."</p>
    </div>
    <div class="footer">
        <p>©wangyuan</p>
    </div>
</body>
</html>

总结

  • HTML是比较宽松的web标准,不加/也可以,XHTML就比较严格,要求一定要有/作为结束
  • “#”表示不跳转
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,326评论 25 708
  • 格式后期处理。 Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTM...
    LordZhou阅读 1,217评论 0 17
  • 本章转载自新浪博客网友:blog.sina.com.cn/s/blog_7f5571aa0102w2tv.html...
    czboy阅读 1,593评论 0 11
  • 1.HTML、XML、XHTML的区别 HTML:超文本标记语言(Hyper Text Markup Langua...
    IT男的成长记录阅读 333评论 0 1
  • HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使...
    aymincoder阅读 5,196评论 2 188

友情链接更多精彩内容