HTML教程(一)——有序列表和无序列表

HTML教程(一)——有序列表和无序列表,第1张

        HTML是一种标记语言,用一套标记标签来描述网页,本文我们就来介绍下如何使用HTML语言中的无序列表标签<ul>和有序列表<ol>。

       <ul>可以用来列举无序的元素,也就是说列举的几个元素之间的顺序是没有先后之分的,HTML语言可以写成如下这样:

在网页中的显示结果为:

       <ol>可以用来列举有序的元素,列举的元素是有顺序的,网页中所显示的元素也是有从小到大的标号的。HTML语言如下:

在网页中显示的效果如下:

       下面举个“栗子”,来用HTML中的无序列表标签和有序列表标签来实现下图中的列表:

       我们可以看到,上图中的列表其实是无序列表和有序列表相互嵌套得到,最外面的是无序列表"JavaScript"和"Java",在"JavaScript"中嵌套了一个有序列表“1.第一章”和“2.第二章”,在“1.第一章”中,又嵌套了一个无序列表”const“和”let“。所以,HTML语言可以如下实现:

    教程就到这里啦,感谢阅读~

必须要用ul、li这两个元素。

ul: 标签用于定义无序列表。li:标签用于定义列表中的项目

嵌套,指的是在已有的表格、图像或图层中再加进去一个或多个表格、图像或图层,亦或两个物体有装配关系时,将一个物体嵌入另一物体的方法。

<h2>DIRECTIONS</h2>

<ol start="1">

<li>

<strong>Preheat Oven:</strong>Preheat oven to 350 degrees F(175 degrees C).

</li>

<li><strong>Make Lemon Filling:</strong>In a medium saucepan ...</strong>

<ul>

<li>Whisk together 1 cup sugar,flour,cornstarch,and salt.</li>

<li>Stir in water,lemon juice and lemon zest.</li>

<li>Cook over medium-high heat,stirring frequently,until mixture comes to a boil.</li>

<li>Stir in butter.</li>

<li>Place egg yolks in a small bowl and gradually whisk in 1/2 cup of hot sugar mixture.</li>

<li>Whisk egg yolk mixture back into remaining sugar mixture.</li>

<li>Bring to a boil and continue to cook while stirring constantly until thick.</li>

</ul>

</li>

<li>

<strong>Huida to:</strong>Suibian shenme doukeyi E).

</li>

</ol>

但愿这个回答能解开您的困惑。我这里用的是苹果机自带的浏览器,显示效果很正常。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7004169.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-31
下一篇2023-03-31

发表评论

登录后才能评论

评论列表(0条)

    保存