HTML常用标签

2016-8-19 15:04| 发布者: 随便、先森。| 查看: 1197| 评论: 0

摘要: HTML常用标签基本html…/html 定义 HTML 文档head…/head 文档的信息 meta HTML 文档的元信息title…/title 文档的标题 link 文档与外部资源的关系style…/style 文档的样式信息body…/body 可见 ...

HTML常用标签

基本

<html>…</html> 定义 HTML 文档

<head>…</head> 文档的信息

<title>…</title> 文档的标题

<body>…</body> 可见的页面内容

注释

1. 字体效果

标签	功能
<h1>...</h1>	标题字(最大)
<h6>...</h6>	标题字(最小)
<b>...</b>	粗体字
<strong>...</strong>	粗体字(强调)
<i>...</i>	斜体字
<em>...</em>	斜体字(强调)
<dfn>...</dfn>	斜体字(表示定义)
<u>...</u>	底线
<ins>...</ins>	底线(表示插入文字)
<strike>...</strike>	横线
<s>...</s>	删除线
<del>...</del>	删除线(表示删除)
<kbd>...</kbd>	键盘文字
<tt>...</tt>	打字体
<xmp>...</xmp>	固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>	固定宽度字体(不执行标记符号)
<listing>...</listing>	固定宽度小字体
<font color=00ff00>...</font>	字体颜色
<font size=1>...</font>	最小字体
<font style =font-size:100 px>...</font>	无限增大

2.区断标记

标签	功能
<hr>	水平线
<hr size=9>	水平线(设定大小)
<hr width=80%>	水平线(设定宽度)
<hr color=ff0000>	水平线(设定颜色)
<br>	(换行)
<nobr>...</nobr>	水域(不换行)
<p>...</p>	水域(段落)
<center>...</center>	置中

3.链接

标签	功能
<base href=地址>	(预设好连结路径)
<a href=地址></a>	外部连结
<a href=地址 target=_blank></a>	外部连结(另开新窗口)
<a href=地址 target=_top></a>	外部连结(全窗口连结)
<a href=地址 target=页框名></a>	外部连结(在指定页框连结)

4.图像/音乐

标签	功能
<img src=图片地址>	贴图
<img src=图片地址 width=180>	设定图片宽度
<img src=图片地址 height=30>	设定图片高度
<img src=图片地址 alt=提示文字>	设定图片提示文字
<img src=图片地址 border=1>	设定图片边框
<bgsound src=MID音乐文件地址>	背景音乐设定

5.表格

标签	功能
<table aling=left>...</table>	表格位置,置左
<table aling=center>...</table>	表格位置,置中
<table background=图片路径>...</table>	背景图片的URL=就是路径网址
<table border=边框大小>...</table>	设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>	设定表格的背景颜色
<table borderclor=颜色码>...</table>	设定表格边框的颜色
<table borderclordark=颜色码>...</table>	设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>	设定表格亮边框的颜色
<table cellpadding=参数>...</table>	指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>	指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>	指定表格的栏数
<table frame=参数>...</table>	设定表格外框线的显示方式
<table width=宽度>...</table>	指定表格的宽度大小(使用数字)
<table height=高度>...</table>	指定表格的高度大小(使用数字)
<td colspan=参数>...</td>	指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>	指定储存格合并列的列数(使用数字)

6.分割窗口

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

7.跑马灯

标签	功能
<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>	设定卷动时间