列表(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.有的标签设置背景时会独占…
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…
<!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>…
1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…
HTML 块级元素 大多数 HTML 元素被定义为块级元素或内联元素. 编者注:“块级元素”译为 block level element,“行内元素”译为 inline element. 块级元素在浏览器显示时,通常会以新行来开始(和结束). 例子:<h1>, <p>, <ul>, <table> HTML 行内元素 行内元素在显示时通常不会以新行开始. 例子:<b>, <td>, <a>, <img> 总之一…
<br>    换行, 单标签 <hr>    分割线,水平线 <p>    段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div>    通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote>    页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化.      <pre>    …
<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.…
列表分为: 有序列表 ul: <ul type="disc"> <li>张三</li> <li>李四</li> </ul> <ul type="square"> <li>青龙</li> <li>白虎</li> </ul> <ul type="circle"> <li>刘备</…
  无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定义列表以 <dl> 标签开始.每个自定义列表项以 <dt> 开始.每个自定义列表项的定义以…
====================非常重要=================无序列表ul中有一个type属性四个属性值type="disc" 实心圆点(默认) type="square" 正方形 type="cicle" 空心圆<ul>    <li></li>    <li></li>    <li></li></ul> 有序列表ol中有一个t…
html的列表分為無序列表(ul).有序列表(ol).自定義列表(dl). 無序列表: 以<ul>開始,列表項以<li>開始: 列表項可以是段落.圖像.連接.換行符.列表等: 列表項標識為實心圓: type屬性可以為disc(實心圓).circle(空心圓).square(實心方框): 可進行列表嵌套,標記從上到下依次為disc(實心圓).circle(空心圓).square(實心方框): 有序列表: 以<ol>開始,列表項以<li>開始: 列表項可以是段落…
<!-- a:  a{ /*清除a标签的下划线*/ text-decoration: none; }  (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地址 _blank 在空白的页面打开连接地址 (2)标签内部跳转 锚点 默认有点击行为.我们可以javascript:void(0);阻止a标签的默认点击行为. 如果有href = # 表示返回置当前页页首,相当于刷新,编写时应避免,应该使用 javascript:void(0) img src:连接的图片…
1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3.定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定义列表以 <dl> 标签开始.每个自定义列表项以 <dt> 开始.每个自定义列表项的…
1. 列表标签(重点) 学习目标 理解 无序列表的应用场景 自定义列表的应用场景 应用 无序列表语法 自定义列表语法 问? 前面我们知道表格一般用于数据展示的,但是网页中还是有很多跟表格类似的布局,如下图~~ 我们用什么做呢? 答: 答案是列表, 那什么是列表? 表格是用来显示数据的,那么列表就是用来布局的. 因为非常整齐和自由 概念: 容器里面装载着结构,样式一致的文字或图表的一种形式,叫列表 特点: 列表最大的特点就是 整齐 .整洁. 有序,跟表格类似,但是他可组合自由度会更高. 1.1 无…
<a name="shouye"></a> <strong>strong加粗</strong> <br> 没有加粗 <br> <b>b 加粗</b> <br> <font size="7"color="red"> <strong>加粗</strong> <br> 没有加粗 </font&…
ol 有序列表.<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3…… 属性start可设置开始: <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li></ol> 表现: 50. 咖啡 51.…
ul( Unordered List)无序列表 ol(Ordered List)有序列表 列表的样式: 列表原有符号.自定义图形符号.符号显示位置. 1.列表符号 是显示于每一个列表项目前的符号标识. list-style-type:参数 参数: disc:圆形(默认) circle:空心圆 square:方块 decimal:十进制数字 lower-roman:小写罗马数字 upper-roman:大写罗马数字 lower-alpha:小写希腊字母 upper-alpha:大写希腊字母 non…
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表.<ol><li>……</li><li>……</li><li>……</li><…
ul: unordered lists ol: ordered lists li: Lists ol 有序列表. <ol><li>……</li><li>……</li><li>……</li></ol> 表现为: 1……2……3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>……</li><li>……</li></ul>…
一.总结: 有时候我们要给列表(ul ol 本身就是属于块级元素)的上表框或下边框设置颜色,如下: 但是在给内联块级元素(inline-block)的上表框或下边框设置颜色的时候,就没有这么简单: 在前辈的博客中了解到:ul或ol中的li与li之间之所以会有间隙,是因为空白符引起的. 因为我们一般都是一行一个li,换行都会产生空白符.上面的日历也可以看到每个数之间有明显的间隙. 解决办法:将ul或ol的font-size设置为0,消去空白间隙,重新在给li定义字体的大小. 修改后的效果: 需要注…
Html ul.dl.ol 标签 <html> <body> <!-- ul 标签指定字符断点,左边带一个“·”点--> <ul> <!-- li 收入内容显示并被其他标签转换--> <li>内容</li> <li>内容</li> </ul> <!-- ol 标签指定字符排序断点,按照顺序数字排列--> <ol> <!-- li 收入内容显示并被其他标签转换…
1.ul是无序列表,也就是说没有排列限制可以随意加li:<ul><li>可以随意放置</li><li>可以随意放置</li><li>可以随意放置</li></ul>2.dl是定义列表,会默认前后层级关系:<dl><dt>我是头1</dt><dd>我是内容1</dd><dt>我是头2</dt><dd>我是内容2<…
标签分为: 一般标签:<div> <span> <br/> <hr/> 功能标签:<a> <img> 实体标签:≶ > sup sub <a>标签的功能和用法 1.页面跳转--用<a>标签实现 2.定位锚点 ①<a name="值"> ②<标签 id="值"> 跳:<a href="#值">点击跳转</a…
本文主要介绍html中有序列表标签ol,li的高级应用, 在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值. 而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了. 一般的标签ol和li有序列表应用代码如下: <ol> <li>列表内容一</li> <li>列表内容二</li> <li>列表…
section 版块 用于划分页面上的不同区域,或者划分文章里不同的节 header 页面头部或者版块(section)头部 footer 页面底部或者(section)底部 nav 导航 (包含链接的的一个列表) article 用来在页面中表示一套结构完整且独立的内容部分 可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等. aside 元素标签可以包含与当前页面或主要内容相关的引用.侧边栏.广告.nav元素组,以及其他类似的有别与主要内…
在线演示 本地下载…
1.ul是无序列表,也就是说没有排列限制可以随意加li: <ul> <li>可以随意放置</li> <li>可以随意放置</li> <li>可以随意放置</li> </ul> .可以随意放置 .可以随意放置 .可以随意放置 2.ol就序列表,会按照你写的li前后依次排列: <ol> <li>我是第一</li> <li>我是第二</li> <li&…
<!-- 超链接target的属性 _blank 在新窗体中打开被链接文档. _self 默认. 在同样的框架中打开被链接文档. _parent 在父框架集中打开被链接文档. _top 在整个窗体中打开被链接文档. framename 在指定的框架中打开被链接文档. --> <!--特殊字符:<小于号,>大于号, 空格.--> <!--<br/>代表回车,<hr/>代表水平切割线,<p>代表分段,分段与回车是有差别的,回车就仅仅…
列表中有标题的时候就用dl,没有的话就用ul…
<ul>:无序列表 <ol>:有序列表 <li>:行. 想要去掉前面的序号和点可以在<ol>或<ul>style中用list-style: none,想让内容居中,必须要加 text-align: center; padding: 0px:…