【0006 列表(ul、ol、dl)】的更多相关文章

列表 ul ol dl 和 块级标签和行及标签之间的转换

1. 无序列表 有序列表 自定义列表 1,无序列表 第一 你不必须有子标签  <li></li> 第二 ul天生自带内外边距 List-style的属性值 circle(空心圆) disc(实心圆)square(正方形)none(空) 2.  有序列表 ol 有序列表 内部必须有子标签<li> 天生自带内外边距 Ol和ul不同之处就在前面符号的区别. 用标签属性type修改 3.   自定义列表 Dl 自定义列表 dt 是小标题  dd内容 4.有的标签设置背景时会独占…

列表(ul ol dl)

Title 1 2 3 1 2 3 a 1 2 b 1 2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--原点编号--> <ul> <li>1</li> <li…

块和内嵌总结，以及各个标签的应用。其中的ul ol dl特殊定义为auto，使得里面的内容展开

<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>无标题文档</title> <style> body *{height:30px;border:1px solid #000} ol,ul,dl{height:auto;} </style> </head> <body> <header>…

0006 列表(ul、ol、dl)

1. 列表标签(重点) 学习目标 理解 无序列表的应用场景 自定义列表的应用场景 应用 无序列表语法 自定义列表语法 问? 前面我们知道表格一般用于数据展示的,但是网页中还是有很多跟表格类似的布局,如下图~~ 我们用什么做呢? 答: 答案是列表, 那什么是列表? 表格是用来显示数据的,那么列表就是用来布局的. 因为非常整齐和自由 概念: 容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表 特点: 列表最大的特点就是 整齐 .整洁. 有序,跟表格类似,但是他可组合自由度会更高. 1.1 无…

ul ol dl

1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…

重要的事情说三遍：列表 ul / ol 等是块级元素，是块级元素，块级元素

HTML 块级元素 大多数 HTML 元素被定义为块级元素或内联元素. 编者注:“块级元素”译为 block level element,“行内元素”译为 inline element. 块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table> HTML 行内元素 行内元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img> 总之一…

html5 分组标签 br hr p div blockquote figure ul ol li pre

<br>    换行, 单标签 <hr>    分割线,水平线 <p>    段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div>    通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote>    页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化.      <pre>    …

HTML 列表 <ol><ul><li><dl><dt><dd>

<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.…

__x__(20)0907第四天__列表ul，ol，dl

列表分为: 有序列表 ul: <ul type="disc"> <li>张三</li> <li>李四</li> </ul> <ul type="square"> <li>青龙</li> <li>白虎</li> </ul> <ul type="circle"> <li>刘备</…

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

  无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定义列表以 <dl> 标签开始.每个自定义列表项以 <dt> 开始.每个自定义列表项的定义以…