HTML的无序列表、有序列表、自定义列表

落日映苍穹つ 2022-02-15 18:25 724阅读 0赞

## HTML的无序列表： ##

1.无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul 标签。每个列表项始于 <li。

> 2.无序列表的type属性有三个值 disc：表示实心小圆点 circle：表示空心小圆点 square：表示实心小方块

<title>无序列表</title>
        
    </head>
    <body>
    <ul type="disc">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
    </ul>
    
    <ul type="circle">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
    </ul>
    
    <ul type="square">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
    </ul>
    </body>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]

## 有序列表： ##

1.样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol 标签。每个列表项始于 <li 标签。

> 有序列表的type属性值： type=“1”(默认) 数字排序 type=“A” 字母排序 type="|" 罗马字符排序  
> 有序列表的start属性：定义列表开始的序号 比如：从10开始 有序列表的value属性： 定义某个单个列表项的序列号

<ol type="1">
        <li>JAVA</li>
        <li>MYSQL</li>
        <li>C#</li>
        <li>PHP</li>
        <li>C++</li>
    </ol>
    
    <ol type="A">
        <li>JAVA</li>
        <li>MYSQL</li>
        <li>C#</li>
        <li>PHP</li>
        <li>C++</li>
    </ol>
    
    <ol type="I">
        <li>JAVA</li>
        <li>MYSQL</li>
        <li>C#</li>
        <li>PHP</li>
        <li>C++</li>
    </ol>
    
    <ol start="10">
        <li>JAVA</li>
        <li>MYSQL</li>
        <li>C#</li>
        <li>PHP</li>
        <li>C++</li>
    </ol>
    
    <ol>
        <li>JAVA</li>
        <li >MYSQL</li>
        <li>C#</li>
        <li value="11">PHP</li>
        <li>C++</li>
    </

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]

## 自定义列表： ##

1自定义列表不仅仅是一列项目，而是项目及其注释的组合。

> 自定义列表以 <dl标签开始。每个自定义列表项以 <dt 开始。每个自定义列表项的定义以 <dd 开始。

<head>
        <meta charset="UTF-8">
        <title>自定义列表</title>
    </head>
    <body>
    <h2 align="center">三国演义简介</h2>
    <dl>
        <td>时代背景</td>
        <dd>元末明初，社会矛盾尖锐，农民起义此起彼伏，群雄割据，多年战乱后朱元璋剿灭群雄，推翻元王朝，建立明王朝。期间人民流离失所，罗贯中作为一名杂剧和话本作者，生活在社会底层，了解和熟悉人民的疾苦，期望社会稳定，百姓安居乐业，作为底层的知识分子思考，并希望结束动荡造成的悲惨局面。由此就东汉末年的历史创作了《三国演义》这部历史小说。</dd>
    
        <td>题材来源</td>
        <dd>西晋陈寿所著《三国志》是三国故事的最早源头，但这是纪传体的史书，记事简略，粗陈梗概。南朝宋人裴松之为《三国志》作注，增加了许多奇闻轶事，传奇色彩与可读性都大大增强。中唐史学家刘知袭在《史通》中说，诸葛亮未死的故事已“得之于行路，传之于众口”，可见这个时期三国故事已广泛流传于民间。晚唐李商隐的《骄儿涛》中有“或谑张飞胡，或笑邓艾吃”的诗句，说明至迟在晚唐时三国故事已妇孺皆知，宋代通过艺人的表演说唱，三国故事更为流行，并且已经表现出“尊刘贬曹”的鲜明倾向。金元时代三国故事被大量地搬上舞台，院本和杂剧中有许多三国故事剧。据《录鬼簿》和《太和正音谱》记载，仅元杂剧中就有近三十种演述三国故事的作品。《辍耕录》中记载的金院本有《襄阳会》《大刘备》《骂吕布》和《赤壁鏖兵》等。元英宗至治年间（1321—1323）出现新安虞氏所刊的《全相三国志平话》，这是今存最早的，也是唯一一部以三国故事为题材的平话。该书是民间传说中
            三国故事的写定本，约八万字，分上中下三卷，每卷都分上下两栏，上栏图相，下栏正文。全书以司马仲相断狱故事为人话，正话从刘关张桃园结义开始，结束于诸葛亮病死。从平话的内容和结构看，已粗具《三国演义》的规模，但整体描写粗枝大叶，文词鄙陋不通，故事情节离奇，多不符合正史记载，人名地名也多谬误，似乎还是未经文人润色的民间艺人作品。从上述的记载和残留的作品看，从晚唐到元末，在民间流行的三国故事愈来愈丰富，这为《三国演义》的创作提供了充分的条件。</dd>
    
        <td>成书过程</td>
        <dd>元末明初，罗贯中在陈寿《三国志》和裴松之注的基础上，吸收民间传说和话本、戏曲故事，写成《三国演义》。现存最早刊本是嘉靖元年（1522年）刊刻的，称为嘉靖本，题“晋平阳侯陈寿史传，后学罗本贯中编次”。继嘉靖本之后，新刊本大量出现，它们都以嘉靖本为主，只做了些插图、考证、评点和文字的增删、卷数和回目的整理等工作。清康熙年间，毛纶、毛宗岗父子对嘉靖本《三国演义》作了一些修改，主要是整理回目，修正文辞。改换诗文等，内容没有大的改动。</dd>
    </dl>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]  
**.希望不足之处大家指正，谢谢！！**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]: /images/20220215/6dc8cb5bec90486db42928ffed7ece8d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]: /images/20220215/f0981a67755e4560b40f0e7752aa9cbe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]: /images/20220215/a2bd13b08d0340b38ac103ee7fbf8311.png