html基础篇--4

列表

ul

ol

li

dl

dt

dd

图像

img

figure

figcapation

span

div

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标签</title>
</head>
<body>
<h1>列表标签</h1>
<p>
    无序列表
    <ul>
        <li>大家卡机</li>
        <li>设计类</li>
        <li>叫我先</li>
    </ul>
</p>
<p>
    有序列表
    <ol>
        <li>金卡了解覅</li>
        <li>王会计法</li>
        <li>未来将分为</li>
    </ol>
</p>
<p>
    列表
    <dt>
        <dl>华健康和</dl>
        <dd>家居阿克拉结</dd>
    </dt>
</p>
<h1>不同类型的无序列表</h1>
<p>
    <ul type="disc">
        <li>加快练级</li>
        <li>居委会减肥</li>
        <li>王会计法</li>
        <li>我回家</li>
    </ul>
    <ul type="circle">
        <li>就会发觉胡</li>
        <li>卡和交往</li>
        <li>家和环境</li>
    </ul>
    <ul type="square">
        <li>=卡覅</li>
        <li>尽快回复</li>
        <li>无悔无爱</li>
    </ul>
    <ol type="a">
        <li>接物镜</li>
        <li>看文件费</li>
        <li>违反计划</li>
    </ol>
    <ol type="A">
        <li>加分开就</li>
        <li>武汉房价为i</li>
        <li>武汉房价会</li>
    </ol>
    <ol type="i">
        <li>房卡捷</li>
        <li>我就付款</li>
        <li>我可就付款</li>
    </ol>
    <ol type="I">
        <li>家和风景</li>
        <li>复活家委会j</li>
        <li>发货文件恢复</li>
    </ol>
    <h1>嵌套列表</h1>
    <p>
        <ul>
            <li>交罚款辣椒粉
            <ul>
                <li>交罚款减肥</li>
                <li>将分为几</li>
            </ul>
            </li>
            <li>加快解放</li>
        </ul>
    </p>
</p>
<p>
    <ol>
        <li>黄委会
           <ul>
               <li>架飞机</li>
               <li>交罚款为</li>
           </ul>
           <oi>
               <li>交罚款忘记</li>
               <li>健康危机</li>
           </oi>
        </li>
    </ol>
</p>
<p>
    <div>块</div>
</p>
</body>
</html>

技术分享

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。