HTML 학습(2) - 목록 태그

黄舟원래의: 2016-12-29 15:17:541463검색

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>list</title>
        <meta name="author" content="sync" />
        <!-- Date: 2016-05-29 -->
    </head>
    <body>
        <!--
            Html 注释， 演示列表标签

            列表标签： dl

            上层项目: dt
            下层项目: dd : 封装的内容是会被缩进的。有自动缩进的效果
        -->
        <dl>
            <dt>上层项目内容</dt>
            <dd>下层项目内容</dd>
            <dd>下层项目内容</dd>
            <dd>下层项目内容</dd>
        </dl>

        </hr>

        <!--
            有序和无序的项目列表

            有序: <ol>
            无序：  <ul>
            无论有序还是无序，条目的封装用的都是<li>  
            而且他们都有缩进效果              
        -->

        <ul type="square">
            <li >无序项目列表</li>
            <li>无序项目列表</li>
            <li>无序项目列表</li>
        </ul>

        <ol type="a">
            <li >有序项目列表</li>
            <li>有序项目列表</li>
            <li>有序项目列表</li>
        </ol>

    </body>
</html>

HTML 학습(2) - 목록 태그

위는 HTML 학습입니다(2) - 목록 태그의 내용, 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!

성명：

이전 기사：HTML 공간 코드다음 기사：HTML 공간 코드

HTML 학습(2) - 목록 태그

관련 기사