Html5 基础----列表详述

html5列表 标签

   列表分为:

        有序列表/无序列表/自定义列表,用的最多的为无序列表和自定义列表

1.有序列表(order list)

    eg:把??大象放进冰箱里需要分几步

       <ol>

        <li>把冰箱门打开</li>

         <li>把大象放进去</li>

        <li>把冰箱门关上</li>

      </ol>

      运行结果:

          1.把冰箱门打开

          2.把大象放进去

          3.把冰箱门关上

               1.1有序列表的属性

          type="a/A/I/i"   默认有序列表的前面为数字,可以进行更换,更换为a.b.c.或者大A.B.C.或者罗马字符

          start="2" 是指有序列表从几开始

    2.无序列表

       eg:

          <ul>

            <li>苹果</li>

             <li>栗子</li>

          </ul>

2.1无序列表属性

      type="square/circle"  方块/空圆圈,默认是小黑实点

3.自定义列表

    <dl>

      <dt>标题<dt>

      <dd>内容</dd>
      <dd>内容2</dd>

    </dl>

    

    

时间: 2024-10-18 09:01:14

Html5 基础----列表详述的相关文章

HTML5基础知识学习笔记

1.Html5基础讲解 1.1HTML5基础标签: head:头标签,一般会将一些网页的基本配置和文件引用在head中设置: body:内容标签,里面是整个网页要展示内容部分: 1.2HTML5标题: h1-h6等,后面跟的数字越大,对应的标题的字体大小就越小: 1.3HTML5段落 p标签表示段落,在p标签中可以编写文字段落: 1.4HTML5连接 a标签表示连接,可以在里面设置点击之后跳转到其他url: 1.5HTML5图像 img标签表示图像标签,可以通过其设置图片展示: 1.6HTML5

html5基础学习

html5基础: 1 声明:<!DOCTYPE html> 2 基本的结构: <html><head> <meta charset="utf-8" > <title>html基础.</title></head><body> php就业网:www.php91.net. </body></html> 3 标题: <h1>标题1</h1><h2

HTML5 基础语法

HTML5 基础语法 HTML 概述 超文本 Web 是一个超文本文件的集合,超文本文件是 Web 的基本组成单元,也被称为网页或 HTML 文档.Web 页等,通常是以 .html 或 .htm 为后缀的文件.Web 页之间通过超文本中的超级链接组织在一起. 什么是 HTML? HTML(HyperText Markup Language):超文本标记语言,一种纯文本类型的语言,由浏览器解释执行.使用带有尖括号的"标记"将网页中的内容逐一标识出来.HTML 的主要作用是用来设计网页,

bootstrap-列表组--基础列表组

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>列表组--基础列表组</title>     <!-- 最新版本的 

HTML5基础篇之列表相关标签和特殊字符实体

HTML字符实体 常用的字符实体: 实体字符 字符实体 大于号 (>) > 小于号 (<) < 引号 (") " 注册商标(®) ® 版权(© ) © & 号 & 空格符:&nbsp:这个空格在不同浏览器下空的距离也不同:还有一个空格符它的空格显示在各个浏览器都是一个字符的空格  一个&emsp:为空一个两个就两格依次类推. 列表的相关标签 无序列表:<ul> <li>新闻一</li> <

二,细说 HTML5 之 HTML5 基础讲解 2

这是一个HTML5系列,主要是零基础的宝宝们快速认识与学习HTML5. HTML5 样式.链接和表格 1.HTML5 样式 标签 描述 <style> 定义样式定义 <link> 定义资源引用 <div> 定义文档中的节或区域(块级) <span> 定义文档中的行内的小块或区域 属性: 属性 描述 rel="stylesheet" 外部样式表 type="text/css" 引入文档的类型 margin 边距 三种样式

HTML5基础-新增标签+新增属性+布局案例

html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dialog 对话框 使用习惯: header/section/footer > aside/article/figure/hgroup/nav > div embed可插入flash文件,但flash已经逐渐被淘汰,不建议使用 mete

HTML5基础(四)

新增和废除元素的认识 1.其他新增元素    1.新增的figure元素与figcaption元素 figure元素是一种元素的组合,带有可选标题.figure元素用来表示页面上一块独立的内容,如果将他从网页上删除不给我们的网页造成影响.  figcaption元素表示figure元素的标题,它属于figure元素,figcaption元素必须书写在figure元素内部,可以写在figure元素内的其他从属元素前面或后面.一个figure元素内最多只允许放置一个figcaption元素. <fi

HTML5基础知识点

今天了解html,下面是我分享的有关html的基础知识点: ①什么是html? html是一种超文本标记语言(超文本标记标签) ②html标签是html中的最基本单位 也是最重要的部分,html标签分为单标签和双标签. 单标签</>   双标签<></> html中的一些常见标签 1,<br/>换行标签    2,<hr/>水平分割线标签   3,<p></p>段落标签     4,<pre></pre&