HTML列表、块和布局

最新推荐文章于 2024-08-06 14:46:11 发布

TF_LIU

最新推荐文章于 2024-08-06 14:46:11 发布

阅读量1.3k

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/u014604726/article/details/52489535

版权

本文详细介绍了HTML中的列表类型，包括有序列表、无序列表、自定义列表及其嵌套使用。同时，讲解了HTML块级元素、内联元素，重点讨论了<div>和<span>元素的特性。此外，还探讨了HTML布局中的<div>元素和<table>元素的用法。

摘要由CSDN通过智能技术生成

HTML列表

<ol> 有序列表

<ul> 无序列表

<li> 列表项

<dl> 列表

<dt> 列表项

<dd> 描述

1、无序列表

使用标签：<ul>、<li>

属性：disc、circle、square

2、有序列表

使用标签：<ol>、<li>

属性：A、a、l、i、start

3、嵌套列表

使用标签：<ul>、<ol>、<li>

4、自定义列表

使用标签：<dl>、<dt>、<dd>

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
    <ul type="square">
        <li>苹果</li>
        <li>橘子</li>
        <li>西瓜</li>
    </ul>
    <ol type="i" start="10" >
        <li>苹果</li>
        <li>橘子</li>
        <li>西瓜</li>
    </ol>
    <ol>
        <li>
            <ul>
                <li>ios</li>
                <li>swift</li>
            </ul>
        </li>
        <li>
            <ul>
                <li>ios</li>
                <li>swift</