HTML练习

完成HTML的第一段代码,目的是理解网页结构,为爬取数据做准备

<!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>
    <!--header部分-->
    <div class="header">
        <!-- 图片 -->
        <!--定义无序列表,并加载样式-->
        <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 Blah</h2>
        <hr>
        <!--加载图片部分样式-->
        <ul class="photos">
            <!-- 图片 -->
        </ul>
        <!--段落,一段文字-->
        <P>
            Python is an easy to learn, powerful programming language.
            It has efficient high-level data structures and a simple but effective approach to object-oriented programming.
            Python’s elegant syntax and dynamic typing,
            together with its interpreted nature,
            make it an ideal language for scripting and rapid application development in many areas on most platforms.
        </P>
    </div>

    <div class="footer">
        <p>©Mugglecoding</p>
    </div>

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,049评论 25 709
  • 练习: 使用纯html实现考试页面(不使用任何css/js),使用正确合适的标签做出如下的页面效果。内容需要完全一...
    谭雅翔阅读 6,556评论 1 1
  • 练习: 1、说明下面这个列表是如何实现的:列表2、说明以下表格是如何实现的:表格 练习一 练习一主要是对于列表的练...
    谭雅翔阅读 5,254评论 1 2
  • 姑娘等不到的别心慌 姑娘留不住的别勉强 姑娘忽冷忽热别在意 独倚楼阁闲花月照水 亭前湖畔君来一点清 余寻眼波怕是无...
    阿火moete阅读 1,631评论 0 1
  • 作者:茉莉 (一)七夕 钩月悬云淡,孤身柳下行。遥闻千里外,隐约鹊清鸣。 (二)七夕感怀 晴川草渐黄,遥看暗神...
    随意诗社阅读 3,635评论 1 5