HTML标签大全

最新推荐文章于 2024-05-23 20:09:14 发布

我家有奥特曼

最新推荐文章于 2024-05-23 20:09:14 发布

阅读量336

点赞数

分类专栏： js/css 文章标签： html 图形 url 框架 border 网格

js/css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<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>设定卷动时间

　　<!>字体效果
　　<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>无限增大

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

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

　　<!>贴图/音乐
　　<img src=图片地址>贴图

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

　　<!>表格语法
　　<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>指定储存格合并列的列数(使用数字)

　　<!>分割窗口
　　<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> 用于显示变量

-------------------------------------------------------------

.文件更新--＜meta＞
【1】10秒后自动更新一次
＜meta http-equiv="refresh" content=10＞
【2】10秒后自动连结到另一文件
＜meta http-equiv="refresh" content="10；URL=欲连结文件之URL"＞
.预设的基准路径--＜base>
＜base href="放置文件的主机之URL"＞
?后面带的是参数，也就是用户提交处理的时候所带的参数。
就是url和其携带参数的分隔符
文字闪烁效果＜blink＞..........＜/blink＞

分隔线＜hr＞
【1】分隔线的粗细＜hr size=点数＞
【2】分隔线的宽度＜hr size=点数或百分比＞
【3】分隔线对齐方向＜hr align="#"＞ #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色＜hr color=#rrggbb＞
【5】实心分隔线＜hr noshade＞

依原始样式显示＜pre＞..........＜/pre＞
＜body＞指令的属性
【1】背景颜色 -- bgcolor ＜body bgcolor=#rrggbb＞
【2】背景图案 -- background ＜body background="图形文件名"＞
【3】设定背景图案不会卷动 -- bgproperties ＜body bgproperties=fixed＞
【4】文件内容文字的颜色 -- text ＜body text=#rrggbb＞
【5】超连结文字颜色 -- link ＜body link=#rrggbb＞
【6】正被选取的超连结文字颜色 -- vlink ＜body vlink=#rrggbb＞
【7】已连结过的超连结文字颜色 -- alink ＜body alink=#rrggbb＞
注解＜!--..........--＞

特殊字元表示法
符号语法
＜＆lt
＞＆gt
& ＆amp
" ＆quot
空白＆nbsp

图片
1.插入图片＜img src="图形文件名"＞
2.设定图框 -- border ＜img src="图形文件名" border=点数＞
3.设定图形大小 -- widthⅱheight ＜img src="图形文件名" width=宽度点数 height=高度点数＞
4.设定图形上下左右留空 -- vspaceⅱhspace ＜img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数＞
5.图形附注＜img src="图形文件名" alt="说明文字"＞
预载图片
＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小最好一致
影像地图（Image Map）

＜img src="图形文件名" usemap="#图的名称"＞

＜map name="图的名称"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞
＜area shape=形状 coords=区域座标列表 href="连结点之URL"＞＜/map＞
定义形状 -- shape
shape=rect：矩形 shape=circle：圆形 shape=poly：多边形
定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：＜area shape=rect coords=100,50,200,75 href="URL"＞
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：＜area shape=circle coords=85,155,30 href="URL"＞
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞

target是打开链接时用什么目标打开，是在新窗口中打开就用target=_blank，在父窗口中打开就用target=_parent，在当前窗口中打开就用target=_self,
target=_top表示在顶层窗口中打开

我家有奥特曼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签大全

...预设卷动　　...来回卷动　　...向下卷动　　...向上卷动　　向右卷动　　向左卷动　　...卷动次数　　...设定宽度　　...设定高度　　...设定背景颜色　　...设定卷动距离　　...设定卷动时间　　字体效果　　...标题字(最大) 　　...标题字(最小) 　　...粗体字　　...粗体字(强调) 　　...斜体字
复制链接

扫一扫