深夜学网页（4)——HTML（4）

最新推荐文章于 2024-10-26 18:28:18 发布

原创最新推荐文章于 2024-10-26 18:28:18 发布 · 591 阅读

0 ·

CC 4.0 BY-SA版权

网页制作专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用HTML创建不同类型的列表，包括定义列表、无序列表、有序列表等，并展示了如何设置列表样式及实现列表嵌套。

补充一点，做网页有很多的IDE，虽然可能不能叫IDE，我这里使用的是dreamweaver。

今天使用表格：

插入定义列表：

<dl>
    <dt>minjdkjsak<dd>sdsa
    <dt>sdjskaldsk<dd>dsas
    <dt>sdsaasdsads<dd>dsa
</dl>

插入无序列表：

<ul>
    <li>jkjks</li>
    <li>jklkkl</li>
    <li>jksjdas</li>
</ul>

插入目录列表：

<dir>
    <li>jkjks</li>
    <li>jklkkl</li>
    <li>jksjdas</li>
</dir>

插入菜单列表：

<menu>
     <li>jkjks
     <li>jklkkl
     <li>jksjdas
</menu>

插入有序列表：

<ol>
    <li>jkjks</li>
    <li>jklkkl</li>
    <li>jksjdas</li>
</ol>

ol有属性可以设置我们排序用的是怎样的编码方法

<ol type="A">
        <li>jkjks</li>
        <li>jklkkl</li>
        <li>jksjdas</li>
</ol>

列表是可以嵌套的

</pre><pre name="code" class="html"><ul>
	<ol type="A">
        	<li>jkjks</li>
            <span style="white-space:pre">	</span><li>jklkkl</li>
            <span style="white-space:pre">	</span><li>jksjdas</li>
        </ol>
        <br>
        <ol type="i">
        	<li>dsdsa</li>
            <span style="white-space:pre">	</span><li>sdsds</li>
            <span style="white-space:pre">	</span><li>dsadfd</li>
        </ol>
</ul>

这样就是列表的制作了。

今天就先到这里吧！