青少年编程与数学 01-005 超文本标记语言（HTML）09课题、列表
- 课题摘要
- 课题要求
- 一、HTML列表
- 二、有序列表练习
- （一）练习一
- （二）练习二
- 三、无序列表练习
- （一）练习一
- （二）练习二
- 课题作业
- 附录一、Jetbrains公司简介
本文聚焦于超文本标记语言（HTML）中的列表的使用。文档介绍了HTML中不同类型的列表，包括无序列表、有序列表、定义列表、菜单列表、目录列表和描述列表，并提供了示例代码。此外，文档还包含了有序列表和无序列表的练习，旨在帮助学习者掌握列表的创建和应用。最后，课题作业要求学习者完成文档中的练习，以加深对HTML列表的理解。
“掌握一门语言就是掌握一种思想的工具。”
Mastering a language is mastering a tool of thought.
—— 奥诺雷·德·巴尔扎克 (Honoré de Balzac) | 法国小说家 | 1799 ~ 1850
“教育的最终目的是培养人独立思考的能力。”
The ultimate aim of education is to cultivate the ability to think independently.
—— 阿尔伯特·爱因斯坦 (Albert Einstein) | 德国裔理论物理学家 | 1879 ~ 1955
“学习不是填满水桶，而是点燃火焰。”
Education is not the filling of a pail, but the lighting of a fire.
—— 威廉·巴特勒·叶芝 (William Butler Yeats) | 爱尔兰诗人、剧作家 | 1865 ~ 1939
“编程是一种创造性的艺术，它使人们能够将抽象的想法转化为具体的现实。”
Programming is a creative art that allows people to turn abstract ideas into concrete reality.
—— 唐纳德·克努特 (Donald Knuth) | 美国计算机科学家 | 1938 ~ 至今
课题摘要
本文聚焦于超文本标记语言（HTML）中的列表的使用。文档介绍了HTML中不同类型的列表，包括无序列表、有序列表、定义列表、菜单列表、目录列表和描述列表，并提供了示例代码。此外，文档还包含了有序列表和无序列表的练习，旨在帮助学习者掌握列表的创建和应用。最后，课题作业要求学习者完成文档中的练习，以加深对HTML列表的理解。
课题要求
- 掌握有序列表和无序列表的使用方法。
一、HTML列表
HTML 提供了几种类型的列表，用于组织和显示一系列项目。以下是一些常见的HTML列表类型：
-
无序列表 (
<ul>): 用于显示没有特定顺序的项目列表，列表项使用<li>元素表示。每个列表项前默认有一个项目符号。 -
有序列表 (
<ol>): 用于显示有特定顺序的项目列表，列表项同样使用<li>元素表示。每个列表项前会显示一个数字或其他顺序标记。 -
定义列表 (
<dl>): 用于显示术语和它们的定义。<dl>元素包含多个<dt>（定义术语）和<dd>（定义描述）元素。 -
菜单列表 (
<menu>): 用于创建菜单列表，但这个元素已经不推荐使用，取而代之的是使用无序列表<ul>或有序列表<ol>。 -
目录列表 (
<dir>): 用于显示目录列表，同样不推荐使用，可以用<ul>代替。 -
描述列表 (
<dl>,<dt>,<dd>): 虽然<dl>可以单独使用，但通常与<dt>（定义术语）和<dd>（定义描述）一起使用，来组织术语和它们的描述。
示例代码如下：
<!-- 无序列表 -->
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>第一步</li>
<li>第二步</li>
<li>第三步</li>
</ol>
<!-- 定义列表 -->
<dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
<dt>CSS</dt>
<dd>层叠样式表</dd>
</dl>
这些列表类型可以根据内容的需要和页面设计的要求灵活使用。
二、有序列表练习
（一）练习一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
（二）练习二
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>有序列表</title>
</head>
<body>
<h4>编号列表：</h4>
<ol>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>大写字母列表：</h4>
<ol type="A">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>小写字母列表：</h4>
<ol type="a">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>罗马数字列表：</h4>
<ol type="I">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
<h4>小写罗马数字列表：</h4>
<ol type="i">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ol>
</body>
</html>
三、无序列表练习
（一）练习一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<h4>无序列表:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
（二）练习二
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<p><b>注意：</b> 在 HTML 4中 ul 属性已废弃，HTML5 已不支持该属性，因此我们使用 CSS 代替来定义不同类型的无序列表如下：</p>
<h4>圆点列表：</h4>
<ul style="list-style-type:disc">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>圆圈列表：</h4>
<ul style="list-style-type:circle">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
<h4>正方形列表：</h4>
<ul style="list-style-type:square">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>
</body>
</html>
课题作业
- 完成文档中的练习。
附录一、Jetbrains公司简介
JetBrains是一家专注于开发高效、智能的软件开发工具的公司，旨在提升开发者的生产力和编码体验。以下是JetBrains公司的详细简介：
- 成立时间与地点：JetBrains成立于2000年，由Sergey Dmitriev、Valentin Kipyatkov和Evgeny Belyaev三位程序员在捷克布拉格创立。
- 公司规模与分布：JetBrains在捷克布拉格拥有总部，同时在俄罗斯圣彼得堡、美国波士顿以及中国上海设有分公司或办公室。截至最近的信息，公司员工数量已扩展至全球多个地点。
- 主要产品：JetBrains以一系列知名的集成开发环境（IDEs）闻名，包括但不限于：
- IntelliJ IDEA：专为Java开发设计的IDE，支持多种语言和框架。
- WebStorm：用于JavaScript、TypeScript和前端开发的IDE。
- PyCharm：Python开发的专用IDE。
- PhpStorm：针对PHP开发的IDE。
- Rider：面向.NET开发者的跨平台IDE。
- RubyMine：Ruby和Rails开发的IDE。
- AppCode：Objective-C和Swift开发的IDE，适用于iOS和macOS应用开发。
- DataGrip：数据库管理和SQL编辑器。
- CLion：C和C++的跨平台IDE。
- GoLand：Go语言的IDE。
- 公司成就：JetBrains的产品因其强大的功能、高度的定制能力和优秀的用户体验而受到全球开发者的赞誉。公司多次获得行业奖项，包括Visual Studio杂志的读者选择奖和InfoWorld的技术奖。
- 社区与支持：JetBrains积极参与开源社区，不仅贡献自己的产品，还通过赞助和合作支持各种开源项目和技术会议。公司还提供了一系列的工具和服务来帮助开发者学习和提高技能。
JetBrains致力于通过其工具改善开发流程，减少重复劳动，让开发者能够更专注于创造性的编码工作。自成立以来，JetBrains已经成为软件开发工具行业的领导者之一，深受全球开发者喜爱。
