HTML学习1

最新推荐文章于 2023-07-09 22:04:31 发布

始终在仰望大佬

最新推荐文章于 2023-07-09 22:04:31 发布

阅读量151

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/qq_41705207/article/details/86585295

版权

HTML学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

有序列表、无序列表和自定义列表

HTML的基本格式：

<html>

<head>

</head>

<body>

.......................

.....................

</body>

</html>

注意观察标签的使用情况。

涉及内容：

1】无序列表

2】有序列表：开头标号的不同

3】自定义列表

<html>
<head>
<title>这是一个标题</title>
<meta http-equiv="Content-Type" content=
    "text/html;charset="utf-8"/>
    
</head>
<body>
<hr/>
<!--无序列表的演示 -->
<ul type="circle">
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
</ul>
<ul type="square">
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
<li>无序列表的准备工作</li>
</ul>
<!-- 有序列表的演示 -->
<ol start="30"><!--序列开始的位置-->    
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
</ol>
<hr/>
<ol type="A"><!--序列开始的位置-->    
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
<li>有序列表准备工作</li>
</ol>
<hr/>
<ol type="I"><!--序列开始的位置-->    
<li>有序列表准备工 作</li>
<li>有序列表准备工作</li>
</ol>
<!--简单&复杂的列表的嵌套-->
<ul>
    <li>咖啡</li>
    <li>茶</li>
        <ul type="square">
            <li>红茶</li>
            <li>绿茶</li>
                <ul type="circle">
                    <li>崂山绿茶</li>
                    <li>海清绿茶</li>
                </ul>
        </ul>
    <li>可乐</li>
    <li>雪碧</li>
    
<!--自定义列表的演示-->
<dl>
    <dt>计算机</dt>
        <dd>计算机很神奇的。。。。。。。</dd>
    <dt>显示器</dt>
        <dd>显示器也是一个很神奇的东西啊</dd>
</dl>
</body>
</html>

个人所见，如有问题，欢迎指正，谢谢！