zoukankan      html  css  js  c++  java
  • body标签中l的相关标签

    • 字体标签:

        h1~h6、font、 u、b,、strong、 em、 sup、 sub

    • 排版标签:

        div,、span、br、hr、center、pre

    • 图片标签:

        img

    • 超链接:

        a

    • 列表标签:

        ul、ol、dl

    • 表格标签:

        table

    • 表单标签:

        form

    一 、列表标签

    列表标签主要分为三种。

    1、无序列表<ul>,无序列表中的每一项是<li>

    英文解释:

    • ul:unordered list, “无序列表”的意思。
    • li:list item,“列表项“的意思。
    <ul>
             <li>甲</li>    
             <li>乙</li>    
             <li>丙</li>    
    </ul>

    效果如下:

    在这里需要注意:

    • li不能单独存在,必须包裹在ul里面;反过来可以这样说,ul的“儿子”不能是别的东西,只可以是li标签。
    • ul的作用并不是给文字增加小圆点的,而是增加无序列表的语义的。

    属性:

    • type=“属性值”。这里的属性值是可以进行选择的:disc(实心圆点,默认),square(实心方点),circle(空心圆)。

    效果如下:

    列表之间是可以进行嵌套使用的。举个例子:

    代码

    效果如下:

    特别注意:ul的”儿子“只能是li。但是li是一个容器级的标签,li里面什么都可以放。甚至还可以再放一个ul。

    2、有序列表<ol>,里面的每一项是<li>

    英文单词:ordered list

    例如:

    代码

     效果如下:

    属性:

    • type=“属性值”。属性值可以是:1 (阿拉伯数字,默认) 、a 、A 、i 、I。结合start属性表示从几开始。

    和无序列表一样,有序列表也是可以嵌套的,跟之前的差不多就不举例了。

    ul和ol就是语义不一样,怎么使用都是一样的。

    ol里面只能有li,li必须背ol包裹。li是容器级的。

    3、定义列表<dl>

    英文解释:definition list,没有属性,dl的子元素只能是dt和dd。

    • <dt>:definition title 列表的标题,这个标签是必须的。
    • <dd>:definition description 列表的列表项,如果不需要可以不加的。
  • 相关阅读:
    修改 jenkins 主目录
    pom中Maven插件 配置 maven-dependency-plugin maven-surefire-plugin
    Oracle解决ora-01653 无法通过1024扩展
    windows 定时备份linux 上oracle 数据库
    oracle drop 表后 恢复
    jenkins 安装
    关于RedHat Linux无法使用yum命令安装gcc-c++问题
    eolinker 安装时遇到的坑
    mysql linux安装教程
    JWT ajax java spingmvc 简洁教程
  • 原文地址:https://www.cnblogs.com/tulintao/p/10708181.html
Copyright © 2011-2022 走看看