当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html常用标签有哪些?

html常用标签有哪些?

2012/7/21 16:01:52作者:佚名来源:网络

移动端

前面我们了解了什么是HTML,接下来就要了解一下html常用标签了,只有了解了常用的html标签我们才能真正了解HTML的内容,我们平时看到用到的HTML中有以下常用标签,也可以说你必须清楚记住的这几个标签,这里我们按二种方式整理,一是按类型,一是按字母,这样便于查询,HTML常用标签如下:

一、按类型分html常用标签


1.跑马灯
标签 功能
html <marquee>...</marquee> 普通卷动
html <marquee behavior=slide>...</marquee> 滑动
html <marquee behavior=scroll>...</marquee>  预设卷动
html <marquee behavior=alternate>...</marquee>  来回卷动
html <marquee direction=down>...</marquee>  向下卷动
html <marquee direction=up>...</marquee>  向上卷动
html <marquee direction=right></marquee>  向右卷动
html <marquee direction=left></marquee>  向左卷动
html <marquee loop=2>...</marquee>  卷动次数
html <marquee width=180>...</marquee>  设定宽度
html <marquee height=30>...</marquee>  设定高度
html <marquee bgcolor=FF0000>...</marquee>  设定背景颜色
html <marquee scrollamount=30>...</marquee>  设定卷动距离
html <marquee scrolldelay=300>...</marquee>  设定卷动时间

2. 字体效果
标签 功能
html <h1>...</h1> 标题字(最大)
html <h6>...</h6> 标题字(最小)
html <b>...</b>  粗体字
html <strong>...</strong> 粗体字(强调)
html <i>...</i>  斜体字
html <em>...</em> 斜体字(强调)
html <dfn>...</dfn> 斜体字(表示定义)
html <u>...</u>  底线
html <ins>...</ins> 底线(表示插入文字)
html <strike>...</strike>  横线
html <s>...</s>  删除线
html <del>...</del> 删除线(表示删除)
html <kbd>...</kbd>  键盘文字
html <tt>...</tt>  打字体
html <xmp>...</xmp> 固定宽度字体(在文件中空白、换行、定位功能有效)
html <plaintext>...</plaintext> 固定宽度字体(不执行标记符号)
html <listing>...</listing> 固定宽度小字体
html <font color=00ff00>...</font> 字体颜色
html <font size=1>...</font> 最小字体
html <font style =font-size:100 px>...</font>  无限增大
3.区断标记
标签 功能
html <hr>  水平线
html <hr size=9>  水平线(设定大小)
html <hr width=80%>  水平线(设定宽度)
html <hr color=ff0000> 水平线(设定颜色)
html <br> (换行)
html <nobr>...</nobr>  水域(不换行)
html <p>...</p> 水域(段落)
html <center>...</center> 置中
4.链接
标签 功能
html <base href=地址>  (预设好连结路径)
html <a href=地址></a>  外部连结
html <a href=地址 target=_blank></a> 外部连结(另开新窗口)
html <a href=地址 target=_top></a>  外部连结(全窗口连结)
html <a href=地址 target=页框名></a> 外部连结(在指定页框连结)
5.图像/音乐
标签 功能
html <img src=图片地址>  贴图
html <img src=图片地址 width=180>  设定图片宽度
html <img src=图片地址 height=30>  设定图片高度
html <img src=图片地址 alt=提示文字>  设定图片提示文字
html <img src=图片地址 border=1>  设定图片边框
html <bgsound src=MID音乐文件地址>  背景音乐设定
6.表格
标签 功能
html <table aling=left>...</table>  表格位置,置左
html <table aling=center>...</table>  表格位置,置中
html <table background=图片路径>...</table>  背景图片的URL=就是路径网址
html <table border=边框大小>...</table> 设定表格边框大小(使用数字)
html <table bgcolor=颜色码>...</table>  设定表格的背景颜色
html <table borderclor=颜色码>...</table>  设定表格边框的颜色
html <table borderclordark=颜色码>...</table>  设定表格暗边框的颜色
html <table borderclorlight=颜色码>...</table>  设定表格亮边框的颜色
html <table cellpadding=参数>...</table>  指定内容与网格线之间的间距(使用数字)
html <table cellspacing=参数>...</table>  指定网格线与网格线之间的距离(使用数字)
html <table cols=参数>...</table>  指定表格的栏数
html <table frame=参数>...</table>  设定表格外框线的显示方式
html <table width=宽度>...</table>  指定表格的宽度大小(使用数字)
html <table height=高度>...</table>  指定表格的高度大小(使用数字)
html <td colspan=参数>...</td>  指定储存格合并栏的栏数(使用数字)
html <td rowspan=参数>...</td> 指定储存格合并列的列数(使用数字)
7.分割窗口
标签 功能
html <frameset cols="20%,*">  左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
html <frameset rows="20%,*">  上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
html <frameset cols="20%,*">  分割左右两个框架
html <frameset cols="20%,*,20%">  分割左中右三个框架
html <frameset rows="20%,*,20%">  分割上中下三个框架

二、按字母分html常用标签
html <! - - ... - ->  批注
html <A HREF TARGET>  指定超级链接的分割窗口
html <A HREF=#锚的名称>  指定锚名称的超级链接
html <A HREF>  指定超级链接
html <A NAME=锚的名称>  被连结点的名称
html <ADDRESS>....</ADDRESS>  用来显示电子邮箱地址
html <B>  粗体字
html <BASE TARGET>  指定超级链接的分割窗口
html <BASEFONT SIZE>  更改预设字形大小
html <BGSOUND SRC>  加入背景音乐
html <BIG>  显示大字体
html <BLINK>  闪烁的文字
html <BODY TEXT LINK VLINK>  设定文字颜色
html <BODY>  显示本文
html <BR>  换行
html <CAPTION ALIGN>  设定表格标题位置
html <CAPTION>...</CAPTION>  为表格加上标题
html <CENTER>  向中对齐
html <CITE>...html <CITE>  用于引经据典的文字
html <CODE>...</CODE>  用于列出一段程序代码
html <COMMENT>...</COMMENT>  加上批注
html <DD>  设定定义列表的项目解说
html <DFN>...</DFN>  显示"定义"文字
html <DIR>...</DIR>  列表文字卷标
html <DL>...</DL>  设定定义列表的卷标
html <DT>  设定定义列表的项目
html <EM>  强调之用
html <FONT FACE>  任意指定所用的字形
html <FONT SIZE>  设定字体大小
html <FORM ACTION>  设定户动式窗体的处理方式
html <FORM METHOD>  设定户动式窗体之资料传送方式
html <FRAME MARGINHEIGHT>  设定窗口的上下边界
html <FRAME MARGINWIDTH>  设定窗口的左右边界
html <FRAME NAME>  为分割窗口命名
html <FRAME NORESIZE>  锁住分割窗口的大小
html <FRAME SCROLLING>  设定分割窗口的滚动条
html <FRAME SRC>  将HTML文件加入窗口
html <FRAMESET COLS>  将窗口分割成左右的子窗口
html <FRAMESET ROWS>  将窗口分割成上下的子窗口
html <FRAMESET>...</FRAMESET>  划分分割窗口
html <H1>~html <H6>  设定文字大小
html <HEAD  > 标示文件信息
html <HR>  加上分网格线
html <HTML>  文件的开始与结束
html <I>  斜体字
html <IMG ALIGN>  调整图形影像的位置
html <IMG ALT>  为你的图形影像加注
html <IMG DYNSRC LOOP>  加入影片
html <IMG HEIGHT WIDTH>  插入图片并预设图形大小
html <IMG HSPACE>  插入图片并预设图形的左右边界
html <IMG LOWSRC>  预载图片功能
html <IMG SRC BORDER>  设定图片边界
html <IMG SRC>  插入图片
html <IMG VSPACE>  插入图片并预设图形的上下边界
html <INPUT TYPE NAME value>  在窗体中加入输入字段
html <ISINDEX>  定义查询用窗体
html <KBD>...</KBD>  表示使用者输入文字
html <LI TYPE>...</LI>  列表的项目 ( 可指定符号 )
html <MARQUEE>  跑马灯效果
html <MENU>...</MENU>  条列文字卷标
html <META NAME="REFRESH" CONTENT URL>  自动更新文件内容
html <MULTIPLE>  可同时选择多项的列表栏
html <NOFRAME>  定义不出现分割窗口的文字
html <OL>...</OL>  有序号的列表
html <OPTION>  定义窗体中列表栏的项目
html <P ALIGN>  设定对齐方向
html <P>  分段
html <PERSON>...</PERSON>  显示人名
html <PRE>  使用原有排列
html <SAMP>...</SAMP>  用于引用字
html <SELECT>...</SELECT>  在窗体中定义列表栏
html <SMALL>  显示小字体
html <STRIKE>  文字加横线
html <STRONG>  用于加强语气
html <SUB>  下标字
html <SUP>  上标字
html <TABLE BORDER=n>  调整表格的宽线高度
html <TABLE CELLPADDING>  调整数据域位之边界
html <TABLE CELLSPACING>  调整表格线的宽度
html <TABLE HEIGHT>  调整表格的高度
html <TABLE WIDTH>  调整表格的宽度
html <TABLE>...</TABLE>  产生表格的卷标
html <TD ALIGN>  调整表格字段之左右对齐
html <TD BGCOLOR>  设定表格字段之背景颜色
html <TD COLSPAN ROWSPAN>  表格字段的合并
html <TD NOWRAP>  设定表格字段不换行
html <TD VALIGN>  调整表格字段之上下对齐
html <TD WIDTH>  调整表格字段宽度
html <TD>...</TD>  定义表格的数据域位
html <TEXTAREA NAME ROWS COLS>  窗体中加入多少列的文字输入栏
html <TEXTAREA WRAP>  决定文字输入栏是自动否换行
html <TH>...</TH>  定义表格的标头字段
html <TITLE>  文件标题
html <TR>...</TR>  定义表格美一行
html <TT>  打字机字体
html <U>  文字加底线
html <UL TYPE>...</UL>  无序号的列表 ( 可指定符号 )
html <VAR>...</VAR>  用于显示变量


 

 

标签: 标签  代码