美文网首页
认识html——无序列表的练习2

认识html——无序列表的练习2

作者: 周行知 | 来源:发表于2019-04-09 15:23 被阅读0次

无序列表2的练习

前面我们说过ul中最好只能放li标签,但是在企业开发中,li标签中内容可能会很复杂,所以我们可以继续在li标签中添加其他标签来丰富我们的界面.

总结:

1.一定要记住ul标签中只能放li标签

2.但是li标签中还可以放其他标签。

例1 四大名著的html代码

第一部分为四大名著,应该对应html中标题,选择h1比较合适,我们可以检验一下百度做法:

第二部分我们采用分解与组合的思想

将li分解如下代码:

<li>

<h2></h2>

<p></p>

</li>

然后组合起来,组成整体的布局

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>无序列表</title>

</head>

<body>

<h1>四大名著</h1>

<ul>

<li>

<h2></h2>

<p></p>

</li>

<li>

<h2></h2>

<p></p>

</li>

<li>

<h2></h2>

<p></p>

</li>

<li>

<h2></h2>

<p></p>

</li>

</ul>

</body

</html>

最后我们只需要填鸭式的写入文字即可

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>无序列表</title>

</head>

<body>

<h1>四大名著</h1>

<ul>

<li>

<h2>《水浒传》</h2>

<p>作者:施耐庵(1296年—1370年),《水浒传》的作者究竟是谁具有争议,目前最广泛认可的说法认为作者是施耐庵。历史上还有其它几种观点,包括了罗贯中说,施惠说,郭勋托名说,宋人说等。<br/>

介绍:《水浒传》的故事源起于北宋宣和年间,出现了话本《大宋宣和遗事》描述了宋江、吴加亮(吴用)、晁盖等36人起义造反的故事,成为《水浒传》的蓝本。</p>

</li>

<li>

<h2>《三国演义》</h2>

<p>作者:罗贯中( 约1330年—约1400年),名本、才本,字贯中,号湖海散人。元末明初作家,戏曲家。罗贯中生于元末社会动乱之时,有自己的政治理想,不苟同于流俗,曾参与反元的起义斗争。明朝建立之后,专心致力于文学创作。著有小说《隋唐两朝志传》《残唐五代史演义》《三遂平妖传》《粉妆楼》《三国演义》,施耐庵合著《水浒传》,另著有剧本《赵太祖龙虎风云会》《忠正孝子连环谏》《三平章死哭蜚虎子》。

<br/>介绍:《三国演义》是综合民间传说和戏曲、话本,结合陈寿的《三国志》、范晔《后汉书》、元代《三国志平话》、和裴松之注的史料,以及作者个人对社会人生的体悟写成。现所见刊本以明嘉靖本最早,分24卷,240则。清初毛宗岗父子又做了一些修改,并成为现在最常见的120回本。</p>

</li>

<li>

<h2>《西游记》</h2>

<p>作者:吴承恩(1501年-1582年),字汝忠,号射阳山人。中国明代杰出的小说家。他生于一个由学官沦落为商人的家族,家境清贫。吴承恩自幼聪明过人,《淮安府志》载他“性敏而多慧,博极群书,为文下笔立成。”但他科考不利,至中年才补上“岁贡生”,后流寓南京,长期靠卖文补贴家用。晚年因家贫出任长兴县丞,由于看不惯官场的黑暗,不久愤而辞官,贫老以终。

<br/>介绍:西游记以民间传说的唐僧取经的故事和有关话本及杂剧(元末明初杨讷作)基础上创作而成。</p>

</li>

<li>

<h2>《红楼梦》</h2>

<p>作者:曹雪芹(约1715-约1763),名沾,字梦阮,号雪芹,又号芹溪、芹圃。清代小说家、诗人、画家。曹雪芹早年在南京江宁织造府亲历了一段锦衣纨绔、富贵风流的生活。至雍正六年(1728),曹家因亏空获罪被抄家,曹雪芹随家人迁回北京老宅。后又移居北京西郊,靠卖字画和朋友救济为生。曹雪芹素性放达,爱好广泛,对金石、诗书、绘画、园林、中医、织补、工艺、饮食等均有所研究。他以坚韧不拔的毅力,历经多年艰辛,终于创作出极具思想性、艺术性的伟大作品——《红楼梦》。

高鹗(1758年—约1815年),字云士,号秋甫,别号兰墅、行一、红楼外史。中国古典小说《红楼梦》出版史、传播史上首个刻印本、全璧本——程高本的两位主要编辑者、整理者、出版者之一,清代汉军镶黄旗内务府人,籍贯沈阳三台子,亦自署铁岭高鹗、奉天高鹗,其先世清初即寓居北京。

高鹗于乾隆五十三年(1788年)中举,乾隆六十年(1795年)进士及第,历官内阁中书、汉军中书、内阁典籍、内阁侍读、江南道监察御史、刑科给事中等职。有《月小山房遗稿》《砚香词·簏存草》等作品传世。

乾隆五十六年(1791年)至五十七年(1792年),高鹗应友人程伟元之邀协助编辑、整理、出版《红楼梦》程甲本、程乙本。自胡适作考证,红学界长期认为《红楼梦》后四十回系高鹗续成。进入21世纪,这一说法遭到越来越强烈的批判。2007年始,人民文学出版社新版全本《红楼梦》停止使用“高鹗著”“高鹗续”等字样,更新为“无名氏续,程伟元、高鹗整理”,标志着“高鹗续书说”发生动摇。红学家俞平伯临终遗言:“程伟元、高鹗是保全《红楼梦》的,有功!”中国红学会会长张庆善指出:“高鹗不应该是《红楼梦》续作者,他应该是《红楼梦》最后出版的整理者……《红楼梦》能够流传,高鹗是第一功臣。</p>

</li>

</ul>

</body

</html>

运行结果的截图如下:

相关文章

  • 认识html——无序列表的练习2

    无序列表2的练习 前面我们说过ul中最好只能放li标签,但是在企业开发中,li标签中内容可能会很复杂,所以我们可以...

  • 认识html-----无序列表练习3

    无序列表练习3 多级列表的练习 物品清单: 蔬菜类:白菜,萝卜,黄瓜 水果类:苹果 梨子 香蕉 技术要求: 无序列...

  • 这是一篇学习md的文档

    标题 标题 标题 斜体粗体无序列表 无序列表 无序列表2 无序列表3 有序列表 游学 游戏 参考练习引用 引用的是...

  • H5前端开发学习笔记——0x04列表标签

    本节大纲 章节4列表标签课时30无序列表(掌握)课时31无序列表练习(理解)课时32无序列表练习2(理解)课时33...

  • MarkDown练习

    MarkDown练习 列表 无序列1 无序列2 无序列3 有序列表 有序列1 有序列2 有序列2 链接 谷歌 引用...

  • html列表,标签

    1、html列表 有序列表 无序列表 定义列表 2、html表格及传统布局 table常用标签 table常用属性...

  • HTML 列表

    HTML支持有序、无序和定义列表 实例 无序列表 本例演示无序列表。 有序列表 本例演示有序列表。 无序列表 无序...

  • html列表

    什么是html列表 html列表分为有序列,无序列表和自定义列表。 1.无序列表:无序列表是一个项目的列表,此列项...

  • HTML列表

    HTML支持有序、无序和定义列表无序列表: 有序列表: 嵌套列表: 自定义列表: HTML 列表标签 定义有序列表...

  • Markdown Try

    无序列表 文本1 文本2 练习实践 简书

网友评论

      本文标题:认识html——无序列表的练习2

      本文链接:https://www.haomeiwen.com/subject/egabiqtx.html