前端学习笔记day01 html

1. 第一个html网页

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页!</title>
    <base target="_blank">    <!-- 为了让a标签中的链接在新的页面跳转 -->
</head>
<body>
    <h1>中国四大名著</h1>
    <ul type="disc">
        <li>
            <h3><img src="https://cbu01.alicdn.com/img/ibank/2017/919/523/3773325919_565838421.310x310.jpg" title="水浒传" width="100px">&nbsp;&nbsp;&nbsp;<strong>《水浒传》</strong> </h3>
            <p>《水浒传》是中国历史上第一部用古白话文写的歌颂农民起义的长篇章回体版块结构小说,《水浒传》,是中国以白话文写成的章回小说,列为中国古典四大文学名著之一,六才子书之一。其内容讲述北宋山东梁山泊以宋江为首的绿林好汉,由被逼落草,发展壮大,直至受到朝廷招安,东征西讨的历程。又称《忠义水浒全传》、《江湖豪客传》,一般简称《水浒》,全书定型于明朝。作者历来有争议[1],一般认为是施耐庵所著,而罗贯中则做了整理,金圣叹删修为七十回本。</p>
        </li>
        <li>
            <h3><img src="https://cbu01.alicdn.com/img/ibank/2016/011/929/3400929110_1888610017.310x310.jpg" title="三国演义" width="100px"> &nbsp;&nbsp;&nbsp; <strong>《三国演义》</strong> </h3>
            <p>《三国演义》,全名为《三国志通俗演义》,又称作《三国志传》、《三国全传》、《三国英雄志传》,是中国第一部长篇历史章回小说[1]:156。作者一般被认为是元末明初的罗贯中[2]。虚实结合,曲尽其妙,是四大名著中唯一根据历史事实(《三国志》)改编之小说,但也让许多人误以为《三国演义》的内容就是三国正史[3]。明末清初文学家、戏曲家李渔有言曰:“演义一书之奇,足以使学士读之而快,委巷不学之人读之而亦快;英雄豪杰读之而快,凡夫俗子读之而亦快。”[4]</p>
        </li>
        <li>
            <h3><img src="http://a1.att.hudong.com/44/16/01300542856671141733160486707_s.jpg" title="西游记" width="100px"> &nbsp;&nbsp;&nbsp; <strong>《西游记》</strong> </h3>
            <p>《西游记》自问世以来,在中国及世界各地广为流传,被翻译成多种语言。在中国,乃至亚洲部分地区西游记家喻户晓,其中孙悟空、唐僧、猪八戒、沙僧等人物和“大闹天宫”、“三打白骨精”、“孙悟空三借芭蕉扇”等故事尤其为人熟悉。几百年来,西游记被改编成各种地方戏曲、电影、电视剧、动画片、漫画等,版本繁多。</p>
        </li>
        <li>
            <h3><img src="https://upload-images.jianshu.io/upload_images/4756112-e4301dc79cf08c90.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/548/format/webp" width="100px" title="红楼梦"> &nbsp;&nbsp;&nbsp; <strong>《红楼梦》</strong> </h3>
            <p>中国古典长篇章回小说,是中国四大小说名著之一。《红楼梦》书内提及的别名,还有《情僧录》、《风月宝鉴》[1]、《金陵十二钗》、《金玉缘》;故事是从女娲补天时所剩下的一块石头讲起,因此又名《石头记》。乾隆四十九年甲辰(1784年)梦觉主人序本题为《红楼梦》(甲辰梦序抄本)。1791年在第一次活字印刷(程甲本)后,《红楼梦》便取代《石头记》成为通行的书名。</p>
        </li>
    </ul>

</body>
</html>

运行结果:

原文地址:https://www.cnblogs.com/xuanxuanlove/p/10014995.html