ol标签的ol和li标签属性

标签 属性名 功能说明 ol type 设置有序列表的序号种类 取值为1，A，a I(罗马大写字母) i(罗马小写字母) 默认为1 start 设置有序列表的序号起始值，取值为任意整数 li type 设置有序列表的序号种类 取值为1，A，a，I（罗马字母），I，默认为1 value 指定列表项的起始值，以获得非连续的数字系列，取值为任意整数

en英文

zh-CN中文

ja-jp日文

<！-- -- >注释

<p></p>分段

<br>强制换行

<ins></ins>下划线

<hr/>水平线

<strong></strong>强调突出内容

<em></em>强调倾斜内容

<del></del>删除线

下际

上际

&lt；大于号

&gt；小于号

&emsp；空格

&trade；TM

&reg；®

&copy；©

&amp；&

&yen；￥

&deg；摄氏度
color=""水平线颜色

width=""水平线宽度

align=""水平线方向，left左，right右

noshade="noshade"水平线默认阴影消除
<img  src＝" " alt＝" ">

相对路径  / /

绝对路径  去网络里找链接

/是找同级或下级

/是找上级

src＝""引入链接

alt＝""当出现问题，可以提示一段文字

title＝""鼠标悬停信息

width＝"  px"设定宽度

height＝"  px"设定高度
<a href=""></a>

href=""链接的地址

tltle=""悬停提示信息
target=""填入网址

target=""里包含_blank和_self

_blank在浏览器新窗口打开页面

_self在浏览器原窗口打开页面

<img src=" alt">可以在里加链接
1#号和id属性

在要跳转的文本位置前填上块元素，给块元素命名

<div id＝""></div>

<a href="#    "></a>

2#号和name属性

在要跳转的文本位置前在写一个

<a name="  "></a>

<a herf="#  "></a>
ul和li必须是组合出现的，他们之间是不能有其他标签的

<ul>

  <li></li>

</ul>

<ul></ul>列表最外层容器

<li></li>列表项

type=""是改变前面标记样式（一般都是用css去控制 ）

<ul type=""><li> </li> </ul>

disc是实心圆        circle是空心圆

square是实心方块    none是空白可以随意发挥
ol和li必须是组合出现的，他们之间是不能有其他标签的

<ol>

<li></li>

</ol>

<ol></ol>列表最外层容器

<li></li>列表项

type=""是改变前面标记样式（一般都是用css去控制

<ol type="" start=""> <li> </li> </ol>

1是数字          a是小写字母        A大写字母    i罗马数字小写  I罗马数字大写

start=""从哪个数字开始（取值只能是数字）
<dl> 

<dt></dt> 

<dd></dd> 

</dl>

<dl></dl>列表最外层容器

<dt></dt>定义专业术语或名词

<dd></dd>对名词进行解释和描述
<table></table>表格最外层容器

<tr></tr>定义表格行

<th></th>定义表头

<td></td>定义表格单元

<caption></caption>定义表格标题
border=""表格边框

cellpadding=""单元格内的空间

cellspacing=""单元格之间的空间

rowspan=""合并行

colspan=""合并列

align=""单元格文字左右对齐方式

align：left、center、right

valign=""单元格文字上下对齐方式

valign：top、middle、bottom
<form action="">

    <input type＝"text">

</form>
<form></form>表单最外层容器

action＝""提交到一个地址

<input>标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

  <input type="">

  text普通文本密码框

  password密码输入框

  placeholdr提示文本

  button自定义按钮

  disabled禁用

  readonly只读

  submit提交按钮

  hidden是给后端带信息普通用户看不见 一般伴随（value）

  <input type="image"src="/    ">代替提交按钮

  reset重置按钮

2checkbox复选框

  加上checked会出现一个默认选择

  disabled禁止使用

3radio单选框

  name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组（自定义的值要相同）

  加上checked会出现一个默认选择

4file上传文件

  multiple按住鼠标左键鼠标滑过可以多选

5textarea多行文本框

  <textarea  cols="30" rows="10"></textarea>

  cols=""表示列

  rows=""表示行

  可以通过调节行列改变大小

  resize重新设置大小（css）

  : vertical;垂直

  :horizontal;水平

  :both;默认

  :none;无法控制

6  <select><option></option></select>

  select下拉菜单

  size=""填入数字可以让下拉菜单显示多项
  multiple按住鼠标左键鼠标滑过可以多选

  option菜单里的选项传给后端要设置value值

  selected下拉菜单默认显示当前被选中的那一项

7 <label for=""></label>是一个辅助属性

  id和for要相同

  拿3做例子

  正常点这个文字是选不中的

  <input type="radio" name="gender">男
  <input type="radio" name="gender">女
  但是用上label后就可以了

  <input type="radio" name="gender" id="man"><label for="man">男</label>
  <input type="radio" name="gender" id="girl"><label for="girl">女</label>
<fieldset><legend></legend></fieldset>

<legend></legend>缺口
1<div></div>(块)用来划分区域

2<span></span>（内联）对文字单独修饰

  style=""设计

  color颜色

  <span style＝"color:    "></span>

div和span都是没有任何默认样式的，需要配合css
<audio src="  " ></audio>

controls控制栏

loop循环

autoplay自动播放

muted静音
<video src="  "><video>

controls控制栏
loop循环

autoplay自动播放

muted静音

poster属性海报
section元素 表示页面中的一个内容区块（页面身体）

article元素 表示一块与上下文无关的独立的内容

aside元素 在article之外的，与article内容相关的辅助信息（侧边栏）

header元素 表示页面中一个内容区块或整个页面的标题（页面头部）

footer元素 表示页面中一个内容区快或整个页面的脚注（页面底部）

nav元素 表示页面中导游链接部分（页面导航栏）

figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题（第一个获最后一个子元素的位置）

main元素 表示页面中的主要内容（ie不兼容）
<form></form>表单最外层容器

<form action=""></form>
action提交到一个地址

<input></input>标签用于搜集用户信息，根据不同的type属性值，展示不同的控件

<input type="">

加上name是给后端的

type="color"生成一个颜色选择的表单

type="email"生成一个邮箱输入框

type="tel"换起拨号盘表单

type="search"产生一个搜索意义的表单
type="range"产生一个滑动条表单，支持min，max，value，step
（min最小值）

（max最大值）

（value设置默认）

（step移动数值）

type="number"产生一个数值表单，支持min，max，value，step
type="email"限制用户必须输入email类型
type="url"限制用户必须输入url类型
type="date"限制用户必须输入日期
type="month"限制用户必须输入月类型

type="week"限制用户必须输入周类型
type="time"限制用户必须输入时间类型
type="datetime-local"选取本地时间
<input type="text" list="mylist">（list和id相连）

<datalist id="mylist">(id自定义)
<option value="手机"></option>（这个是列表可以想写多少写多少）

</datalist>

va lue自定义名称
autofocus自动获取焦点

required验证输入不能为空

multiple可以输入一个或多个值，每个值用逗号隔开

<input type="email" multiple/>还可用于file

pattern

将属性值设为某个正则表达式，在提交时会检查其内容是否合给定格式

<input pattern="[0-9][A-Z][3]" title="输入内容：一个数与三个大写字母" placeholder="输入内容：一个数与三个大写字母">

您好，根据您的要求，世界上的国家名称按倒序排列如下：
瑞士、西班牙、葡萄牙、挪威、瑞典、新西兰、新加坡、新喀里多尼亚、比利时、澳大利亚、澳门、洪都拉斯、荷兰、菲律宾、芬兰、墨西哥、埃及、哥伦比亚、哥斯达黎加、哥德堡、加拿大、冰岛、乌拉圭、乌克兰、中国、伊拉克、伊朗、俄罗斯、保加利亚、印度尼西亚、印度、南非、卡塔尔、南斯拉夫、南苏丹、南乔治亚和南桑威奇群岛、台湾、古巴、土耳其、土库曼斯坦、圣马力诺、圣文森特和格林纳丁斯、圣卢西亚、圣基茨和尼维斯、土尔其、巴拿马、巴林、巴基斯坦、巴布亚新几内亚、巴西、巴勒斯坦、巴哈马、塞浦路斯、塞尔维亚、塞内加尔、塞拉利昂、塞舌尔、塞内加尔、塞拉利昂、塞舌尔、塞尔维亚、塞浦路斯、埃塞俄比亚、埃及、哈萨克斯坦、哥伦比亚、哥斯达黎加、哥德堡、匈牙利、危地马拉、印尼、印度尼西亚、印度、加纳、加拿大、叙利亚、古巴、台湾、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、吉尔吉斯斯坦、吉布提、

HTML是由Web的发明者Tim Berners-Lee和同事Daniel WConnolly于1990年创立的一种标记式语言，它是通用标记语言SGML的简化。用它的语法规则建立的文档可以运行在不同 *** 作系统平台上。因此，HTML文档属于纯文本文件（它能用任意的文本编写器书写）。现在有很多网迷称HTML为程序语言，把写HTML文档理解为编程，这显然是走进了一个误区。其实，要想学习HTML，一钵（记事本）一甑（浏览器）足矣。
在了解了HTML的定义后，接下来我们便来学习此语言。由于篇幅有限，本文不可能把HTML语言的属性一一讲解。笔者只是选了一些比较重要而又广泛使用的标签进行分析。看完这篇文章后，你就会对HTML的工作原理有一个初步的认识。
一、HTML语言基础
用HTML语言编写的文档就称为HTML文档。我们平时上网所见到的就是HTML文档在浏览器中显示的结果。控制HTML文档外观的是HTML标签，浏览器可以将标签解释成具体的内容，如超级链接、标题、段落、列表等。
要学会编写HTML文档，就要掌握各种HTML标签。关于HTML标签，有五点非常重要:
1 标签始终以尖括号相围（小于号/大于号）——如 <head> 或 <i>、 </i> 。
2 多数标签都成对出现，并且围在作用材料的两侧。它们的工作方式就和电灯开关一样:第一个标签启动 *** 作，第二个标签把它关闭。（当然，也有一些例外。例如，标签创建段落，但并没有“关闭开关”。段落创建完后，不能再把后面的部分恢复为创建之前的状态。）
3 第二个标签——“关闭开关”总是以前斜杠开始。例如，启动粗体时使用 <b>，表达完你的强烈感情后再用 </b> 恢复到一般文本。
4 前一个标签打开，后一个标签关闭。标签都是嵌入的。所以如果你写下了这样一段 HTML文本:
<head>
那么它是无效的。正确的顺序应该是 <head></head>。
5 许多标签都有可选的属性，这些属性使用只修改标签的行为。例如，使用 <p> 标签的 ALIGN 属性，你可以更改缺省的段落对齐方式（左对齐）。比如， <p align=CENTER> 就可以使它后面的段落居中。
◎HTML语言可以在任何文本编辑器中编写，如Word、记事本等，然后保存为html语言，最后在浏览器中浏览。
下面，就让我们开始动手用记事本来写网页。
在“开始”→“程序”→“附件”中打开记事本。
1先输入几个符号试验一下，然后将记事本另存为html文件。
2再看看，文本保存的格式是不是和原来不一样了？！很容易认出来。
3打开这个新文件，看看出来的是什么？
一个基本的HTML页面包括以下基本标签:
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容
</body>
</html>
是不是很简单？在这里，HTML标签用来表示你做的页面是HTML文档；HEAD标签用来描述HTML页的内容。在<head>与</head>之间可以插入其它标签，其中最重要的就是TITLE标签，在<title>与</title>之间的内容就将出现在浏览器的标题栏中。
Body标签用来表示页面的主体。在<body>与</body>之间可以设置页面的背景颜色、背景图像、文字色彩、页面边距等。BODY标签的基本用法如下:
<body
background=url 设置页面的背景
bgcolor=color 设置页面的背景颜色（颜色值为英文和十六进制代码，代码表见文章末）
text=color 设置页面文本的颜色
leftmargin=n 设置整个页面的左边距。当n=0时，页面的边缘便紧贴左边缘
下面让我们先来试验一下。
注:以下例图是将Internet Explorer浏览器（以下简称IE浏览器）和记事本同时并排打开，调整窗口大小后的对比效果。需要注意，每当在记事本中做改动后，都要保存一次，同时在用IE浏览器浏览时也要刷新一下。
在WORD中设置文字大小是很容易的，不过那是拜其强大的所见即所得功能所赐，上不了台面的。来利用HTML语言标签设置一下文字效果吧，你一定会很有成就感！
HTML语言可以用标签对文档字符进行字体设置，包括标题、字体、字号、字符颜色等。
1H标题标签
一个页面当然要有一个醒目的标题，这样别人才能方便迅速地了解你页面的内容，并根据标题的级别来了解内容的重要程度。HTML可以定义六级标题:H1、H2、H3、H4、H5、H6。与其它标签一样，它们也是成对使用的。格式为<Hn>……</Hn>，n可以是1至6的整数。例如:
2设置文字大小
除了对标题的文字大小进行设置以外，HTML语言还可以利用FONT标签对文档内的文字的大小进行设置。FONT标签包括三种属性:size属性，color属性，face属性。size属性用来确定字号的大小，其有效数字范围在-7（最小）和+7之间。如果不设置，系统的默认值为3。其设置格式为<font size=n>……</font>。例如:
3设置文字颜色
FONT的color属性可以用来设置文字的颜色。这里所介绍的颜色设置与前面介绍的text=color不同。text=color是设置整个页面的文字颜色，而这里所介绍的是设置特定文字的颜色，这样可以使你的页面更加丰富多彩。其设置格式为<font color=>……</font>。例如:
4设置版面
你不想页面中的文字总是从左边开始吧？要想在页面中进行分行和段落设置，必须通过HTML语言进行版面设计。
分段标签<p>……</p>表示一段文字的开始和结束，单独一个<p>标签表示一个空行。
换行标签<br>……</br>表示浏览器执行一个换行动作，它与<p>标签不同的是，它并不改变段落位置。
居中标签<center>……</center>可以将文本居中显示。例如:
三、列表的设置
列表标签在文档制作中有重要作用，同样主页制作也少不了列表标签。HTML规定了多种列表标签，可以设置无序列表、有序列表、自定义列表和目录列表。我们下面可以看看实际效果。
1无序列表包括UL标签和LI标签。UL标签创造一个标有圆点的列表，LI标签放在每个圆点列表前，并加上一个圆点。例如:
2有序列表包括OL标签和LI标签，OL标签用来创建一个标有数字的列表，LI标签放在每个数字列表项之前，并加上一个序列数字。例如:
3自定义列表包括DL、DT、DD等标签，在这里限于篇幅不多解释。简单地说，自定义列表就是解释词语。例如:
4目录列表则包括DIR、LI元素，举例如下:
大家都知道，超链接是互联网的一大特点，用鼠标轻轻一点，就可以转到其它网页，这是多么神奇啊。超链接正是HTML语言的优势，它是通过A标签实现的，其属性是href。
href属性的用法:当A标签中包含href属性时，A标签的起始标记和结束标记之间的文字就成为超文本，也就是说，用鼠标点击这个超文本文字，你就可以进入另外一个网址或者自动打开默认电子邮件程序。另外，你也一定注意到，许多时候当我们把鼠标光标放到页面某个位置时，旁边就会出现一个小小的**文字说明，不要把这种技巧想像得太神秘，其实并不难。让我们一起试试看:
怎么样，HTML语言并不神秘吧！
四、建立超链接
做主页，难免要在页面中加入表格，那就需要用到以下这些基本标签:
TABLE标签:说明一个表格的开始和结束
BORDER标签:为表格加边框
TR标签:用以定义表格行数
TH标签:用以定义表头
TD标签:用以定义表格内容
COLSPAN标签:可以实现跨几列显示
ROWSPAN标签:可以实现跨几行显示
这些标签的用法都可以在下例中看到:
够神奇吧，只需要加几个符号，表格就出来了。当然，这个表格还是很简单的，不过我们可以用其他标签来修饰、美化它。限于篇幅，这里就不再赘述。
五、在页面中制表
用MARQUEE标签可以让你的主页动起来。该标签有许多属性，以下列举其中几种:
1direction属性:决定文本的滚动方向，分为向左left和向右right，默认状态向左。
<marquee direction=left>从右向左滚动</marquee>
<marquee direction=right>从左向右滚动</marquee>
2behavior属性:指定文本的滚动方式，分为三种:
Scroll:从一端消失后，在另一端出现并继续滚动。
<marquee behavior=scroll>一圈一圈地滚动</marquee>
Slide:从一端滚动，接触到另一端后停止
<marquee behaviro=slide>只滚动一次就停止</marquee>
Alternate:从一端滚动到另一端后，反向滚动。
<marquee behavior=alternate>来回滚动</marquee>
六、页面中的滚动文本
我们上面看到的都是HTML语言的一些基本使用方法，这些常用的语法可以帮助你看懂别人网页的源代码，同时也方便你对自己的主页作些小的修改。以后当你上网冲浪时看到漂亮的页面，可以通过查看这个页面的源代码来分析其采用了什么技术，也许你一时看不懂，但看到那些由HTML基础语言编写的代码，你一定不会觉得陌生了。
注:查看网页源代码方法:用鼠标左键点击IE浏览器中的“查看”栏，再在下拉菜单中点击“源文件”，这时这个网页的所有源代码即可让你一览无余。

---