html列表标签(html列表标签为什么有空行)

华为云服务器特价优惠火热进行中!

2核2G2兆仅需 38 元;4核4G3兆仅需 79 元。购买时间越长越优惠!更多配置及优惠价格请咨询客服。

合作流程:
1、点击链接注册/关联华为云账号:点击跳转
2、添加客服微信号:cloud7591,确定产品方案、价格方案、服务支持方案等;
3、客服协助购买,并拉微信技术服务群,享受一对一免费技术支持服务;
技术专家在金蝶、华为、腾讯原厂有多年工作经验,并已从事云计算服务8年,可对域名、备案、网站搭建、系统部署、AI人工智能、云资源规划等上云常见问题提供更专业靠谱的服务,对相应产品提供更优惠的报价和方案,欢迎咨询。

今天给各位分享html列表标签的知识,其中也会对html列表标签为什么有空行进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

微信号:cloud7591
如需了解更多,欢迎添加客服微信咨询。
复制微信号

本文目录一览:

Html中的列表

Html中列表共有三种:有序列表、无序列表和自定义列表。下面分开解释下:

1.有序列表是一列使用数字进行标记的项目,它使用li包含于ol标签内。示例如下:

执行效果为:1.语文

                   2.数学

                   3.体育

                   4.英语

有序列表在当列表项目的每个列表项目前面需要一个递增值得时候使用(例如1,2,3等)。有序列表的列表类型list-style-type可以被设置为任何在无序列表下可以设置的值。大部分情况下,有序列表要么前面是个递增数值,要么前面没有任何标记。

2.无序列表:是一组使用黑点庄进行标记的项目,它使用li包含在ul标签内;

实现的效果:

无序列表的一些特定的css属性有list-style-type,list-style-position和list-style-image.这些睡在那个设置了列表项目符号的类型,标记的位置,以及使用图片代替标记。这三个属性可以使用list-style进行合并缩写。

3.定义列表:语义上表示项目及其注释的组合,它以dl标签开始,自定义列表以dt开始,自定义列表项的定义以dd开始。实例如下:

效果如下:

注意:可以在单个dd下面使用多个dt,也可以在单个dt下面使用多个dd。

从语义上来讲,三组标签分别对应不同具有含义的列表:无序列表适合元素之间无级别顺序关系的情形;有序列表适合各项目之间存在顺序关系的情形;定义列表用于一个术语名对应多重定义或者多个术语名同一个给出的定义,也可以只有术语名称或只有定义,即dt与dd在其中数量不限,对应关系不限。

列表中的蔽漏CSS:

列表最重要的CSS属性便是list-style属性,他的语法如下:

list-style:list-style-image||list-style-position||list-style-type

list-style-image可定义列表前所使用图片,list-style-position属性取值含outside、inside;outside为默认值,列表项目标记此时被放置在文本之外,它将环绕文本在文本之外,inside列表项目旋转在文本之内,环绕文本对齐。示例如下:

执行效果如下:

list-style-type我列表显示乐行,常见的宏慎烂9种属性值:a.disc:默认值,实心圆;b.circle:空心圆;c.square:实心方块孝运;d.decimal:阿拉伯数字;e.lower-roman:小写罗马数字;f:upper-roman:大写罗马数字;g.lower-alpha:小写英文字母;h.upper-alpha:大写英文字母;i.none:不适用项目符号

列表之间的嵌套: 在Html里允许在一个列表里嵌套另一个列表,每个嵌套的列表都会再一次以缩进形式显示,但不建议对列表进行多次嵌套,这样在浏览器的显示会有点乱。在HTML中,无序列表中除了可以嵌套无序列表,也可以嵌套有序列表,反之亦然。示例如下:

执行效果:

参考:

1. 关于html中的列表 - walkingp - 博客园

2. html之列表 - 郑志伟 - 博客园

3. CSS有序列表无序列表嵌套冲突问题测试实例页面

HTML列表有哪些类型呢?

HTML 列表(List)可以将若干条相关的内容整理起来,让内容看起来更加有条理。在列表内您可以放置文本、图像、链接等,也可以在一个列表中定义另一个列表(列表嵌套)。

HTML 为我们提供了三种不同形式的列表:

有序列表,使用 ol + li 标签

无序列表,使用 ul + li 标签

定义列表,使用 dl + dt + dd 标签

1. 有序列表

在 HTML 中, ol 标签用来表示有序列表。有序列表之间的内容有先后顺序之分,例如菜谱中的一系列步骤,这些步骤需要按顺序完成,这时就可以使用有序列表。

我们来看一个简单的实例:

!DOCTYPE html

html

head

  meta charset="UTF-8"

  titleHTML有序列表/title

/head

body

  p煮米饭的步骤:/p

  ol

      li将水煮沸/li

      li加入一勺米/li

      li搅拌均匀/li

      li继续煮10分钟/li

  /ol

/body

/html

有序列表需要使用 ol 和 li 标签:

ol 是 order list 的简称,表示有序列表,它可以为列表的每一项进行编号,默认从数字 1 开始。

li 是 list item 的简称,表示列表的每一项,ol 中有多少个 li 就表示有多少条内容。列姿悔表项中可以包含文本、图片、链接等,甚至还可以是另外一个列表。

注意,ol 一般和 li 配合使用,不会单独出现,而且不建议在 ol 中直接使用除 li 之外的其他标签。

2. 无序列表

HTML 使用 ul 标签来表示无序列表。无序列表和有序列表类似,都是使用 li 标签来表示列表的每一项,但是无序列表之间的内容没有顺序。例如,早饭的种类不需要表明顺序,这时就可以使用无序列表。

我们来看一个简单的例子:

!DOCTYPE html

html

head

  meta charset="UTF-8"

  titleHTML无序列表/title

/head

body

  伍腊p早餐的种类:/p

  ul

      li鸡蛋/li

      li牛奶/li

      li面包/li

      li生菜/li

  /ul

/body

/html

浏览器运行结果如图所示:

无序列表需要使用 ul 和 li 标签:

ul 是 unordered list 的简称,表示无序列表。

ul 和 ol 中的 li 一样,都表示列表中的每一项。默认情况下,无序列表的每一项都使用●符号表示。

注意,ul 一般和 li 配合使用,不会单独出现,而且不建议在 ul 中直接使用除 li 之外的其他标签。

3. 定义列表

在 HTML 中,dl 标签腔册滑用于创建定义列表。定义列表由标题(术语)和描述两部分组成,描述是对标题的解释和说明,标题是对描述的总结和提炼。

定义列表具体语法格式如下:

dl

  dt标题1dt

  dd描述文本2dd

  dt标题2dt

  dd描述文本2dd

  dt标题3dt

  dd描述文本3dd

/dl

定义列表需要使用 dl、dt 和 dd 标签:

dl 是 definition list 的简称,表示定义列表。

dt 是 definition term 的简称,表示定义术语,也就是我们说的标题。

dd 是 definition description 的简称,表示定义描述 。

可以认为 dt 定义了一个概念(术语),dd 用来对概念(术语)进行解释。

注意,dt 和 dd 是同级标签,它们都是 dl 的子标签。一般情况下,每个 dt 搭配一个 dd,一个 dl 可以包含多对 dt 和 dd。

我们来看一个简单的例子:

!DOCTYPE html

html

head

  meta charset="UTF-8"

  titleHTML定义列表/title

/head

body

  dl

      dtHTML/dt

      ddHTML 是一种专门用来开发网页的标记语言,您可以转到《a href="#"HTML教程/a》了解更多。/dd

      dtCSS/dt

      ddCSS 层叠样式表可以控制 HTML 文档的显示样式,用来美化网页,您可以转到《a href="#"CSS教程/a》了解更多。/dd

      dtJavaScript/dt

      ddJavaScript 简称 JS,是一种用来开发网站(包括前端和后台)的脚本编程语言,您可以转到《a href="#"JS教程/a》了解更多。/dd

  /dl

/body

/html

dt 和 dd 虽然是同级标签,但是它们的默认样式不同,dd 带有一段缩进,而 dt 顶格显示,这样层次更加分明。

4. 总结

列表分类 说明

有序列表 ol 表示有序列表,li 表示列表中的每一项,默认使用阿拉伯数字编号。

无序列表 ul 表示无序列表,li 表示列表中的每一项,默认使用●符号作为作为每一项的标记。

定义列表 dl 表示定义列表,dt 表示定义术语、dd 表示定义描述。一般情况下,每个 dt 搭配一个 dd,一个 dl 可以包含多对 dt 和 dd。

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);

强制换行

font/font文本标识的开始和结束

属性:

face=字体

color=颜色

b/b加粗文字标识的开始和结束

属性:

style=font-size:40pt;,用样式表方式控制字体大小,这里是40点

div/div,分区标识的开始和结束

属性:

align=|center|left|right|水平对齐方式

marquee/marquee动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动

属性:

scrollamount=1~60,滚动速度

direction=|left|right|up|down|,滚动方向

scrolldelay=滚动延时,单位:毫秒

P段落标识,

空格符,

img贴图标识

属性:

src=../../图片链接地址,贴图标识必备属性

style=filter:Alpha(opacity=100,style=2);

filter:样式表滤镜;

Alpha:透明滤镜,

opacity:不透明度100(0~100);

style:样式2(0~3),

rules="none"不显示内框"

embed,src="…"多媒体文件标识

属性:

SRC="../../FILENAME",

设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频.

AUTOSTART=TRUE/FALSE,

是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE

LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

STARTIME="分:秒",

设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20

VOLUME=0-100,

设定音量的大小.如果没设定的话,就用系统的音量.

WIDTH,HEIGHT,

设定控制面板的大小,都设为0可隐藏播放器

HIDDEN=TRUE,

隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE,

设定控制面板的样子,

bgsound,src="…",背景音乐标识,只能用于.wav和.mp3格式.

属性:

LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

表单标签:

form/form表格标识的开始和结束,表单的内容都放在这里.

下边的标签放在表单内:

select下拉选择框

option/option

/select

属性:

Multiple,多选

textarea/textarea,大量文字输入的编辑块

属性:

Cols="",行;

Rows="",列;

input,type="text",文本框

input,type="password",密码框

input,type="submit",提交按扭

input,type="checkbox",复选框

input,type="radio",单选框

input,type="reset",重置按扭

input,type="image",图片按扭

input,type="hidden",隐藏域

input,type="button",按扭

input,type="file",浏览文件

公共属性:

Name="";

Value=""

Size=""

框架标签:

FRAMESET.../FRAMESET,定义框架.

FRAME,放在框架标签内,定义每个框架的内容.

属性:

Cols=""

Rows=""

Frameborder=""

Framespacing=""

src=""

Scrolling="",滚动条(No,Yes);

Noresize,框加大小不可变;

Marginhight="",高度空余空间;

Marginwidth="",宽度空余空间;

Target="",目标框架.

其他标签:

bgsound,背景音乐;

Src=""

Loop="",循环次数;

embed,媒体播放块;

Src=""

Loop="",循环次数;

marquee/marquee,滚动部分;

属性:

Bgcolor=""

Behavior,设置或获取文本如何在字幕中滚动.

Direction="",滚动方向;

Height=""

Width=""

Loop="",环次数;

scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.

scrollDelay="",设置或获取字幕滚动的速度.

scrollHeight="",获取对象的滚动高度;

scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.

scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.

trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

,注释标记,在""之间的内容将不在浏览器中显示.

--

基本标签:

html/html,创建一个HTML文档;

head/head,设置文档标题和其它在网页中不显示的信息;

title/title,设置文档的标题;

h1/h1,最大的标题;

pre/pre,预先格式化文本;

u/u,下划线

b/b,黑体字;

i/i,斜体字;

tt/tt,打字机风格的字体;

cite/cite,引用,通常是斜体;

em/em,强调文本(通常是斜体加黑体);

strong/strong,加重文本(通常是斜体加黑体);

font,size="",color=""/font,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;

BASEFONT/BASEFONT,基准字体标记;

big/big,字体加大;

SMALL/SMALL,字体缩小;

STRIKE/STRIKE,加删除线;

CODE/CODE,程式码;

KBD/KBD,键盘字;

SAMP/SAMP,范例;

VAR/VAR,变量;

BLOCKQUOTE/BLOCKQUOTE,向右缩排;

DFN/DFN,述语定义;

ADDRESS/ADDRESS,地址标记;

/SUP,上标字;

SUB/SUB,下标字;

xmp.../xmp固定宽度字体(在文件中空白、换行、定位功能有效)

plaintext.../plaintext固定宽度字体(不执行标记符号);

listing.../listing,固定宽度小字体;

font,color=00ff00.../font字体颜色;

font,size=1.../font最小字体;

font,style,='font-size:100,px'.../font无限增大.

格式标签:

p/p,创建一个段落;

p,align="",将段落按左、中、右对齐;

,换行,插入一个回车换行符;

blockquote/blockquote,从两边缩进文本;

dl/dl,列表标签,定义列表;

dt,定义列表标题;

dd,定义列表内容;

例:

dl

dt标题1/dt

dd内容11/dd

dd内容12/dd

dt标题2/dt

dd内容21/dd

dd内容22/dd

/dl

ol/ol,列表标签,定义一个标有数字的列表;

ul/ul,列表标签,定义一个标有圆点的列表;

li,放在每个列表项之前;

放在ol/ol之间则每个列表项加上一个数字,放在ul/ul之间则每个列表项加上一个圆点;

div,align=""/div,分区标签,用来排版大块HTML段落,也用于格式化表;

MENU,选项清单;

DIR,目录清单;

nobr/nobr,强行不换行;

hr,size='9',width='80%',color='ff0000'水平线(设定宽度);

center/center,水平居中.

链接标签:

a,href="URL"/a,创建超文本链接;

a,href="mailtEMAIL"

/a,创建自动发送电子邮件的链接;

a,name="name"/a,创建位于文档内部的书签;

a,href="#name"/a,创建指向位于文档内部书签的链接;

BASE,文档中不能被该站点辨识的其它所有链接源的URL;

LINK,定义一个链接和源之间的相互关系;

链接标签注解:

target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top);

rel="...",发送链接的类型;

rev="...",保存链接的类型;

accesskey="...",指定该元素的热键;

shape="...",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly);

coord="...",使用像素或者长度百分比来定义形状的尺寸;

tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).

表格标签:

table/table,创建一个表格;

tr/tr,表格中的每一行;

td/td,表格中一行中的每一个格子;

th/th,设置表格头:通常是黑体居中文字;

table,cellspacing="",设置表格格子之间空间的大小;

table,border="",设置边框的宽度;

table,cellpadding="",设置表格格子边框与其内部内容之间空间的大小;

table,width="",设置表格的宽度.用绝对像素值或总宽度的百分比;

table,align="",设置表格格子的水平对齐方式(left,center,right,justify);

tr,align="",设置表格格子的水平对齐方式(left,center,right,justify);

tr,valign="",设置表格格子的垂直对齐方式(baseline,bottom,middle,top);

td,colspan="",设置一个表格格子跨占的列数(缺省值为1);

td,rowspan="",设置一个表格格子跨占的行数(缺省值为1);

td,nowrap,禁止表格格子内的内容自动断行;

CAPTION/CAPTION,表格的标题;

COLGROUP/COLGROUP,定义多个列为一组列;

TABLE/TABLE,创建一个表格;

THEAD/THEAD,定义表格的页眉;

COL,定义一个列组中的列,以便对它们能够同时设置有关属性;

TBODY/TBODY,定义一个表格的实体;

TFOOT/TFOOT,定义一个表格的页脚;

表单标签:

form/form,创建表单;

action="...",接收数据的服务器的URL;

method="...",HTTP的方法(get,,post),其中get是被反对使用的;

enctype="...",指定MIME(Internet媒体类型);

onsubmit="...",当提交表单时发生的内部事件;

noreset="...",在重新设置表单时发生的内部事件;

target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)

select,multiple,name="name",size=""/select,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目;

option,设置每个表单项的内容;

select,name="name"/select,创建下拉菜单;

textarea,name="name",cols=40,rows=8/textarea,创建一个文本框区域,列的数目设置宽度,行的数目设置高度;

input,type="checkbox",name="name",创建一个复选框,文字在标签后面;

input,type="radio",name="name",value="",创建一个单选框,文字在标志后面;

input,type=text,name="foo",size=20,创建一个单行文本输入区域,size设置以字符串的宽度;

input,type="submit",value="name",创建提交(submit)按钮;

input,type="image",border=0,name="name",src="name.gif",创建一个使用图象的提交(submit)按钮;

input,type="reset",创建重置(reset)按钮;

BUTTON/BUTTON,创建一个按钮;

disabled="...",把按钮的状态设置为不能;

name="...",按钮的控制名,value="...",按钮的值;

type="...",按钮的类型(button,,submit,,reset);

FIELDSET/FIELDSET,把相互关联的控件组合成一组;

ISINDEX,提示用户输入;

LABEL/LABEL,为一个控件提供标签;

LEGEND/LEGEND,为FIELDSET元素指定一标题;

SELECT/SELECT,为用户做选择创建各个选项;

TEXTAREA/TEXTAREA,创建一个允许用户多行输入的区域.

表单标签注解:

type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button);

name="...",控件的控制名(要求是除了submit和reset之外的任何名字);

value="...",控件的初始值;

checked="...",把一个单选钮设置为选中的状态;

disabled="...",把控件的状态设置为不能使用;

readonly="...",只对输入密码的文本框使用;

size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;

src="...",一个图像控件的URL;

maxlength="...",指定可以输入的最多的字符数目;

alt="...",另外一种文本描述;

usemap="...",到客户端图形镜像的URL;

align="...",被反对.控制对齐方式(left,,center,,right,,justify);

tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序;

onfocus="...",当元素获得焦点时发生的事件;

onblur="...",当元素失去焦点时发生的事件;

onselect="...",当元素被选中时发生的事件;

onchang="...",当元素状态被改变时发生的事件;

accept="...",允许上载的文件类型.

帧标签(框架标签):

frameset/frameset,放在一个帧文档的body标签之前,也可以嵌在其他帧文档中;

frameset,rows="value,value",定义一个帧内的行数,可用像素值或高度百分比;

frameset,cols="value,value",定义一个帧内的列数,可用像素值或宽度百分比;

frame,定义一个帧内的单一窗或窗区域;

noframes/noframes,定义在不支持帧的浏览器中显示什么提示;

frame,src="URL",规定帧内显示的HTML文档;

frame,name="name",命名帧或区域以便别的帧可以指向它;

frame,marginwidth="",定义帧左右边缘的空白大小,必须大于等于1;

frame,marginheight="",定义帧上下边缘的空白大小,必须大于等于1;

frame,scrolling="",设置帧是否有滚动栏,其值可以是"yes","no",或"auto";

frame,noresize,禁止用户调整一个帧的大小;

IFRAME/IFRAME,创建一个内联的帧;

scr="...",定义在帧中显示的内容的来源;

frameborder="...",定义帧之间的边界(0或1);

align="...",被反对,控制对齐方式(left,,center,,right,,justify);

height="...",帧的高度,width="..."帧的宽度;

marquee.../marquee,普通卷动;

marquee,behavior=slide.../marquee,滑动;

marquee,behavior=scroll.../marquee,预设卷动;

marquee,behavior=alternate.../marquee,来回卷动;

marquee,direction=down.../marquee,向下卷动;

marquee,direction=up.../marquee,向上卷动;

marquee,direction=right/marquee,向右卷动;

marquee,direction='left'/marquee,向左卷动;

marquee,loop=2.../marquee,卷动次数;

marquee,width=180.../marquee,设定宽度;

marquee,height=30.../marquee,设定高度;

marquee,bgcolor=FF0000.../marquee,设定背景颜色;

marquee,scrollamount=30.../marquee,设定卷动距离;

marquee,scrolldelay=300.../marquee,设定卷动时间;

img,src="",插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".

文档整体属性标签:

body,bgcolor="",设置背景颜色.使用名字或RGB的十六进制值;

body,background="",设置背景图片;

body,bgsound="",设置背景音乐;

body,bgproperties="fixed",固定背景图片(IE适用);

body,text="",设置文本颜色.使用名字或RGB的十六进制值;

body,link="",设置链接颜色.使用名,字或RGB的十六进制值;

body,vlink="",设置已使用的链接的颜色.使用名字或RGB的十六进制值;

body,alink="",设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;

body,topmargin="",设置页面的上边距;

body,leftmargin="",设置页面的左边距.

HTML常用标签

Html常用标签总亩清结,具体可分为常用基础标签、常用表单基础标签、常用表格基础标签、常用列轿耐肢表标签、常用框架标签、常用链接标签和常用图像标签七大类。

01

常用基本标签

html/html 定义html文档

head/head定义文章标题和其他在网页内不显示的信息

title/title 定义文档标题

body/body定义文档的主体内容

h1h1定义最大标题,由1依次往后排开,1最大

!--…--注释

02

常用表单基础标签

form/form定义表单

input定义输入控件

textarea/textarea定义多行文本输入

button定义按钮

select定义选择的下拉列表

optgroup定义选择列表中的选项组合

option定义选择列表的选项

label定义input的标注

fieldset定义围闭世绕表单的边框

legend定义fieldset的标题

03

常用表格基础标签

table定义表格

caption定义表格标题

th定义表格中的表单元格

tr定义表格中的行

td定义表格中的单元

thead定义表格中的表头内容

tbody定义表格中的主体内容

tfoot定义表格中的脚注

cold定义表格中一个或者多列的属性值

colgroup定义表格中供格式化的列组

04

常用列表标签

ul/ul定义无序列表

ol/ol定义有序列表

li/li定义列表的项目

dl定义列表

dt定义列表中的项目

dd定义列表中项目的描述

menu定义命令列表

menuitem定义用户可以从弹出菜单调用的命令

05

常用框架标签

frame定义框架集的窗口或者框架

frameset定义框架集

noframes定义针对不支持框架的用户代替内容。

iframe定义内联框架

06

常用链接标签

a定义锚

linke定义文档与外部资源的关系

07

常用图像标签

img/img定义图像

map/map定义图像映射

area/area定义图像地图内的区域

HTML常用标签?

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

1.列表形快速布局

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

2.标题型

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

3.独立内容

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

4.段落标签

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

就可以实现段落的分明。

html列表标签的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html列表标签为什么有空行、html列表标签的信息别忘了在本站进行查找喔。

发布于 2023-04-14 08:04:37
收藏
分享
海报
25
目录

    忘记密码?

    图形验证码

    复制成功
    微信号: cloud7591
    如需了解更多,欢迎添加客服微信咨询。
    我知道了