Elaboración de una lista de etiquetas

ficha lista

Dentro del contenedor cargado con una forma de texto o gráficos, llamada lista.

Una lista de la característica más grande es ordenada, limpia y ordenada.
No hay distinción entre los diversos niveles de la lista de pedidos artículos lista desordenada, se yuxtaponen.

Lista desordenada ul

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无序列表</title>
</head>
<body>
    <!-- 无序列表,自动生成黑点,方块等 -->
    <h3>你喜欢的水果</h3>
    <!-- ul标签不能嵌套其他标签,li标签可以嵌套其他标签 -->
    <ul>
        <li>苹果</li>
        <li>菠萝</li>
        <li>香蕉</li>
        <li>橘子</li>
        <li>雪梨</li>
    </ul>
</body>
</html>

Aquí Insertar imagen Descripción

lista ordenada ol

lista que es una lista del orden de disposición, cada de las cuales define una lista de elementos dispuestos en orden numérico ordenadas.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有序列表</title>
</head>
<body>
    <h1>国家</h1>
    <ol>
        <li>中国</li>
        <li>美国</li>
        <li>日本</li>
        <li>加拿大</li>
        <li>英国</li>
    </ol>
</body>
</html>

Aquí Insertar imagen Descripción
Todas las propiedades consistentes con UL, por lo que el trabajo real, con poco ol, aquí para ser comprendidas.

Lista personalizada

El término se usa a menudo para definir una lista de nombres o ilustración y descripción, no hay ningún elemento de lista con viñetas define antes de la lista.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义列表</title>
</head>
<body>
    <!-- 自定义列表用的较少,一般用于网页底部  -->
    <dl>
        <dt>北京</dt>
        <dd>海淀</dd>
        <dd>昌平</dd>
        <dd>密云</dd>
        <dd>顺义</dd>
        <dd>通州</dd>
    </dl>
</body>
</html>

Aquí Insertar imagen Descripción
Lista personalizada para el uso ocasional de pie de página multi-pie de página.

Tenga en cuenta que:

1.ul中只能嵌套li,直接在ul标签中输入其他标签或者文字的做法是不被允许的。
2.li之间相当于一个容器,可以容纳所有元素。
3.其他列表同理。
Publicado 23 artículos originales · ganado elogios 0 · Vistas 200

Supongo que te gusta

Origin blog.csdn.net/CCT912097957/article/details/105270100
Recomendado
Clasificación