• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

html中的ol标签，div+css下的ol的属性怎么用？_html标签

当前位置：网站建设 > 技术支持

ol标签是形成有序列表，元素前面带序号的形式。

列表标签：

HTML 中有有序列表(ol)，无序列表(ul)和自定义列表(dl)。不管何种列表，其中只能涵盖列表项标签（li），dl 标签除外。

html全称为HyperText Mackeup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。

超文本：音频，视频，图片称为超文本。

标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。

作用：编写HTML页面。

注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。

2、HTML的历史：

我们专门来对XHTML做一个介绍。

XHTML介绍：

XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。

XHTML的主要目的是为了取代HTML，也可以理解为HTML的升级版。

HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电视等)无法正常显示。

XHTML与HTML4.0的标记基本上一样。

XHTML是严格的、纯净的HTML。

编写XHTML的规范：

（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：<h1><font></font></h1>

（2）所有的标记都必须小写。

（3）所有的标记都必须关闭。

双边标记：<span></span>

单边标记：<br> 转成 <br /> <hr> 转成 <hr />还有<img src=“URL” />

（4）所有的属性值必须加引号。<font color="red"></font>

（5）所有的属性必须有值。<hr noshade="noshade">、<input type="radio" checked="checked" />

（6）XHTML文档开头必须要有DTD文档类型定义

3、HTML的网络术语：

网页 ：由各种标记组成的一个页面就叫网页

主页(首页) : 一个网站的起始页面或者导航页面

标记： <p>称为开始标记 ，</p>称为结束标记，也叫标签。每个标签都规定好了特殊的含义。

元素：<p>内容</p>称为元素.

属性：给每一个标签所做的辅助信息。

xhtml： 符合XML语法标准的HTML。

dhtml：dynamic，动态的。javascript + css + html合起来的页面就是一个dhtml。

http：超文本传协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议，ftp:文件传输协议。

4、HTML的编辑工具：

NotePad：记事本。

EditPlus：语法高亮显示。技巧： 根据颜色判断单词是否出错 （不是100%）。不好的地方：没有代码提示。

UltraEdit：根据颜色判断单词是否出错，可以显示2进制数据。

Sublime：新一代的代码编辑器。

dw(dreamweaver，专业工具) ：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。有代码提示。

5、计算机编码介绍：

计算机只能处理二进制的数据，其它数据，比如：0-9、a-z、A-Z，这些字符，我们定义一套规则来表示。假如：A用110表示，B用111表示等。

ASCII码：

美国发布的，用1个字节(8位二进制)来表示一个字符，共可以表示2^8=256个字符。

美国的国家语言是英语，只要能表示0-9、a-z、A-Z、特殊符号。

ANSI编码：

每个国家为了显示本国的语言，都对ASCII码进行了扩展。用2个字节(16位二进制)来表示一个汉字，共可以表示2^16＝65536个汉字。例如：

中国的ANSI编码是GB2312编码(简体)，对6763汉字进行编码，含600多特殊字符。另外还有GBK(简体)。

日本的ANSI编码是JIS编码。

台湾的ANSI编码是BIG5编码（繁体）。

GBK：

对GB2312进行了扩展，用来显示罕见的、古汉语的汉字。现在已经收录了2.1万左右。并提供了1890个汉字码位。K的含义就是“扩展”。

Unicode编码(统一编码)：

用4个字节(32位二进制)来表示一个字符，想法不错，但效率太低。例如，字母A用ASCII表示的话一个字节就够，可用Unicode编码的话，得用4个字节表示，造成了空间的极大浪费。A的Unicode编码是0000 0000 0000 0000 0000 0000 0100 0000

UTF-8(Unicode Transform Format)编码：

根据字符的不同，选择其编码的长度。比如：一个字符A用1个字节表示，一个汉字用2个字节表示。

毫无疑问，开发中，都用UTF-8编码吧，准没错。

6、HTML颜色介绍：

颜色表示：

纯单词表示：red、green、blue、orange、gray等

10进制表示：rgb(255,0,0)

16进制表示：#FF0000、#0000FF、#00FF00等

RGB色彩模式：

自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。

RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青

在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。

RGB各有256级(0-255)亮度，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216

二、HTML的规范

HTML是一个弱势语言

HTML不区分大小写

HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)

HTML的结构：

声明部分：主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。

head部分： 不会显示在页面上，作用是告诉服务器一些页面的额外信息。

body部分：我们所写的代码必须放在此标签內。

目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。

使用DW让网页图片置顶，可分三种情况：

1.CSSreset

在HTML标签在浏览器里有默认的样式，例如p

标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE

下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻

烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简

单的说法就是把浏览器提供的默认样式覆盖掉

根据本题提问主要涉及到以下CSSReset

html,body,

div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,aside,

pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,

small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,

form,label,legend,caption,tbody,tfoot,thead,article,aside,

canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,

section,summary,time,mark,audio,video{margin:0;padding:0;

border:0;outline:0;vertical-align:baseline;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

td,tdimg{vertical-align:top}

2.图片为页面中插入的img，如<imgsrc="../images/1.jpg"/>

如果已经设置了以上的cssreset，在没有专门设置其它任何间距的情况下，图片默认也是置顶的。

3.图片为背景图片如

div{width:100%;height:50px;background:url(../images/1.jpg)lefttop

no-repeat;}其中的lefttop就是定义图片位置的，让图片水平居左垂直居上显示，也就是说此时图片也是置顶的；lefttop

也可以换成数值如background:url(../images/1.jpg)00no-repeat;

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。