zoukankan      html  css  js  c++  java
  • html列表

    有序列表

    在网页上定义一个有编号的内容列表可以用<ol>、<li>配合使用来实现,代码如下:

    <ol>
        <li>列表文字一</li>
        <li>列表文字二</li>
        <li>列表文字三</li>
    </ol>
    

    在网页上生成的列表,每条项目上会按1、2、3编号,有序列表在实际开发中较少使用。

    无序列表

    在网页上定义一个无编号的内容列表可以用<ul>、<li>配合使用来实现,代码如下:

    <ul>
        <li>列表文字一</li>
        <li>列表文字二</li>
        <li>列表文字三</li>
    </ul>
    

    在网页上生成的列表,每条项目上会有一个小图标,这个小图标在不同浏览器上显示效果不同,所以一般会用样式去掉默认的小图标,如果需要图标,可以用样式自定义图标,从而达到在不同浏览器上显示的效果相同,实际开发中一般用这种列表。

    定义列表

    定义列表通常用于术语的定义。<dl>标签表示列表的整体。<dt>标签定义术语的题目。<dd>标签是术语的解释。一个<dl>中可以有多个题目和解释,代码如下:

    <h3>前端三大块</h3>
    <dl>
        <dt>html</dt>
        <dd>负责页面的结构</dd>
    
        <dt>css</dt>
        <dd>负责页面的表现</dd>
    
        <dt>javascript</dt>
        <dd>负责页面的行为</dd>
    
    </dl>

    html列表

    有序列表

    1. 有序列表
    2. 有序列表
    3. 有序列表
    4. 有序列表
    5. 有序列表
    6. 有序列表

    无序列表

    定义列表

    html
    创建页面结构
    csss
    页面表先
    javascript
    页面行为
  • 相关阅读:
    安装篇-安装Nacos
    安装篇-安装RabbitMQ
    C类型字符串和字符数组的区别
    数据结构之链表操作
    Android WebView学习
    MySQL初级学习
    Android LinearLayout深入学习
    排序算法总结
    Apache Mina-1
    Nginx+Keepalived 集群方案
  • 原文地址:https://www.cnblogs.com/mrwuzs/p/8059515.html
Copyright © 2011-2022 走看看