html标签大全及用法（HTML 中dl（dt,dd）、ul（li）、ol（li） 的使用方法）

本文目录

• HTML 中dl（dt,dd）、ul（li）、ol（li） 的使用方法
• 语法及常用标记（html）
• HTML中的所有标签及其做用！
• HTML常用标签

HTML 中dl（dt,dd）、ul（li）、ol（li） 的使用方法

HTML dl 标签
#定义和用法
dl 标签定义了定义列表（definition list）。
dl 标签用于结合 dt （定义列表中的项目）和 dd （描述列表中的项目）。
#实例
代码如下:
dl
dt计算机/dt
dd用来计算的仪器 ... .../dd
dt显示器/dt
dd以视觉方式显示信息的装置 ... .../dd
/dl
HTML ul 标签
#定义和用法
ul 标签定义无序列表。
#实例
无序 HTML 列表：
代码如下:
ul
liCoffee/li
liTea/li
liMilk/li
/ul
HTML ol 标签
#定义与用法
ol 标签定义有序列表。
#实例
有序 HTML 列表：
代码如下:
ol
liCoffee/li
liTea/li
liMilk/li
/ol
ul可以结合ol定义菜单及子菜单
代码如下:
ul
lia href=#内容过滤/ali
lia href=#词语过滤/a/li
li class=s
div class=lsub
div论坛/div
ol
lia href=#论坛主题管理/a/li
lia href=#论坛批量删帖/a/li
/ol
/div
/li
ul
以上HTML 中dl(dt,dd)、ul(li)、ol(li) 的使用方法，希望对大家有所帮助，感谢您对2345软件大全的支持，更多软件教程请关注2345软件大全。

语法及常用标记（html）

1.常规标记/双标记

《标记 属性="属性值"  属性="属性值"》《/标记》

2. 空标记/单标记

《标记 属性="属性值"/》

说明：写在《》中的第一个单词叫做标记，标签，元素名。

标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在双引号（" "）内。

一个标记可以没有属性值也可以有多个属性，属性和属性之间不分先后顺序。

空标记没有单独的结束标签，用斜杠("/")代替。

1.文本标题标签

《h1》一级标题《/h1》

《h3》二级标题《/h3》

…

《h6》六级标题《/h6》

2.水平线

《hr/》空标记

3.段落

《p》段落文本内容《/p》

4.强制换行

《br/》是一个空标记

5.空格

《》

---所占位置没有一个确定的值，这与当前字号字体都有关系。

6.加粗

《b》加粗内容《/b》-----样式标签

《strong》加粗内容《/strong》表示该文本比较重要，提醒读者/终端注意表示强调

7.倾斜标记
《em》  《/em》---语义标签

《i》 《/i》样式标签

8.

区别：

《strong》《em》逻辑字体格式化标签.表示 强调 .默认效果是通过字体加粗/倾斜来表示语义强调.而《b》《i》标签就是字体加粗/倾斜标签，没有语意强调的意思，一般称为物理(无意义)字体格式化标签。

语意强调作用的《strong》《em》比《b》《i》更容易引起搜索引擎的注意，但是如果只是为了加粗样式，建议在css样式表里实现。
9.

扩展    HTML和XHTML的语法区别

XHTML，要求标签正确嵌套

XHTML，所有标签必须关闭

XHTML，区分大小写

XHTML属性值，要用双引号

XHTML，用id属性代替，name属性

XHTML，特殊字符的处《 》

10.列表（ul,ol,dl）

HTML中有三种列表，分别是:无序列表，有序列表，自定义列表.

无序列表
《ul》--unorderList

《li》列表项内容《/li》

…..      …..

《/ul》

有序列表

《ol》--orderList

《li》列表项内容《/li》

《li》列表项内容《/li》

…..      …..

《/ol》

自定义列表

《dl》

《dt》名词《/dt》

《dd》解释《/dd》

《/dl》

11.
12.
13.表格
数据表格的相关属性
1 ) width="表格的宽度"
2) height=“表格的高度”
3) border=“表格的边框”
4) bordercolor="表格边框颜色"
5 ) bgcolor="表格的背景色”
6) cellspacing=“单元格与单元格之间的间距”
7 ) cellpadding=“单元格与内容之间的空隙”
8)水平对齐方式: align="left/center/right";
垂直对齐方式: valign="top/middle/bottom”；
注:垂直对其方式在td,tr上使用
表格跨行和跨列
colspan=“所要合并的单元格的列数”横向合并；
rowspan=“所要合并的单元格的行数”纵向合并；

HTML中的所有标签及其做用！

《HTML》,表示该文件为HTML文件
《HEAD》,包含文件的标题,使用的脚本,样式定义等
《TITLE》---《/TITLE》,包含文件的标题,标题出现在浏览器标题栏中
《/HEAD》,《HEAD》的结束标志
《BODY》,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示.
《/BODY》,《BODY》的结束标志
《/HTML》,《HTML》的结束标志
其它主要标签,以下所有标志用在《BODY》《/BODY》中:
《A,HREF="…"》《/A》,链接标志,"…"为链接的文件地址
《IMG,SRC="…"》,显示图片标志,"…"为图片的地址
《BR》,换行标志
《P》,分段标志
《B》《/B》,采用黑体字
《I》《/I》,采用斜体字
《HR》,水平画线
《TABLE》《/TABLE》,定义表格,HTML中重要的标志
《TR》《/TR》,定义表格的行,用在《TABLE》《/TABLE》中
《TD》《/TD》,定义表格的单元格,用在《TR》《/TR》中
《FONT》《/FONT》,字体样式标志
属性:
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
引用属性的例子:
《BODY,bgcolor="BLACK"》《/BODY》表示页面背景色为黑色;
《TABLE,bgcolor="BLACK"》《/TABLE》表示表格背景色为黑色.
常用属性:
对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.
《center》表示绝对居中.
《table》《/table》表格标识的开始和结束.
属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图
《tr》《/tr》表格中一个表格行的开始和结束;
《td》《/td》表格中行内一个单元格的开始和结束
属性:
Colspan="",单元格跨越多列;
Rowspan="",单元格跨越多行;
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspacing="",单元格间的距离(默认为2);
***隐藏网址***

HTML常用标签

HTML常用标签有列表形快速布局、标题型、独立内容、段落标签

1.列表形快速布局

当我们想要列表型布局网站的时候，这时候我们就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然我们也要配合css去实现效果，可以实现循环的效果。

2.标题型

我们在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h3，h1和h3两种标签效果也是不一样的。

3.独立内容

在内容中，如果我们想把几个文字单独设置颜色，这时候我们就可以需要span标签，对字体单独设置样式。

4.段落标签

段落的标签我们可以使用p标签，在段落的开始加一个

就可以实现段落的分明。