HTML常见标识大全及html标识的特性

最先要了解html标识的1些特性:

1.相近“<重要字>”这样由尖括号包重要字构成,比如<html>,<div>……

2.1般是成对出現的,由刚开始标识相近“<div>元素內容</div>”,左侧标识1边叫刚开始标识,右侧</ >叫完毕标识,善始善终,除1些某些是单闭合标识的

先记1些某些列外的单闭合标识,比如:

<meta /> 设定网页页面信息内容的   <param /> 可为包括它的<object>或<applet>出示主要参数 <br /> 换行   <keygen /> 界定转化成密匙 <hr /> 水平线   <source /> 为媒体元素(如<video>或<audio>)界定媒体源 <area /> 图象映秀地区   <col /> 为报表中1个或好几个列界定特性值 <input /> 表模块素,type不一样键入字段有着不一样方式   <frame /> 界定frameset中的1个特殊的对话框(架构) <link /> 连接款式表   <embed /> 界定嵌入的內容,例如软件 <basefont /> 界定标准字体样式,html5不适用<basefont>标识,不赞同应用   ......  

下面按不一样实际效果将标识开展归类:

1.字体样式实际效果

<h1>…</h1> 题目1(最大)1级级往下字体样式缩小,网页页面1般从h1~h4,h4以后1般不容易用了   <s>…</s> 删掉线 <h6>…</h6> 题目6(最少)   <del>…</del> 删掉线(表明删掉) <b>…</b> 粗体字   <kbd>…</kbd> 电脑键盘文本 <strong>..</strong> 粗体字(强调)   <tt>…</tt> 打字体样式 <i>…</i> 斜体字   <xmp>…</xmp> 固定不动宽度字体样式(在文档中空白、换行、精准定位作用合理) <em>…/em> 斜体字(强调)   <plaintext>…</plaintext> 固定不动宽度字体样式(不实行标识标记) <dfn>...</dfn> 斜体字(表明界定)   <listing>…</listing> 固定不动宽度小字体样式 <u>…</u> 底线   <font color=00ff00>…</font> 字体样式色调(写成相近color=“#00ff00”还可以) <ins>...</ins> 底线(表明插进文本)   <font size=1>…</font> 最少字体样式 <strike>…</strike> 横线   <font style=font-size:100 px></font> 无尽增大(字体样式尺寸为100px)

2.区断标识

<hr /> 水平线   <nobr>…</nobr> 严禁换行,No Break的缩写 <hr size=9 /> 水平线(设置尺寸)   <p>…</p> 段落 <hr width=80% /> 水平线(设置宽度)   <center>…</center> 对其包围着的文字开展垂直居中设定 <hr color=00ff00 /> 水平线(设置色调)       <br /> 换行      

3.连接

<base href=详细地址> 为网页页面上的全部连接要求默认设置详细地址或默认设置总体目标   <a  href=详细地址 target=_top></a> 特定超连接总体目标的 URL(全对话框联接) <a href=详细地址></a> 特定超连接总体目标的 URL   <a href=详细地址 target=页框名></a> 特定超连接总体目标的 URL(在特定页框联接) <a href=详细地址 target=_blank></a> 特定超连接总体目标的 URL(另开新对话框)      

4.图象/歌曲

<img src=照片详细地址 /> 往网页页面贴照片   <img src=照片详细地址 border=1 /> 设置贴的照片边框 <img src=照片详细地址 width=180 /> 设置贴的照片宽度   <bgsound src=MID歌曲文档详细地址 /> 情况歌曲设置 <img src=照片详细地址 height=30 /> 设置贴的照片高宽比      

5.报表

<table aling=left>…</table> 报表部位,置左   <table cellpadding=主要参数>…</table> 特定网格线与互联网线之间的间距(应用数据) <table aling=center>…</table> 报表的部位,置中   <table cols=主要参数>…</table> 特定报表的栏数 <table background=照片相对路径>…</table> 情况照片的URL=便是相对路径网站地址   <table frame=主要参数>…</table> 设置报表外边框线的显示信息方法 <table border=边框尺寸>…</table> 设置报表边框尺寸(应用数据)   <table width=宽度>…</table> 特定报表宽度尺寸(应用数据) <table bgcolor=色调码>…</table> 设定报表的情况色调   <table height=高宽比>…</table> 特定报表高宽比尺寸(应用数据) <table bordercolor=色调码>…</table> 设置报表边框的色调   <td colspan=主要参数>…</td> 特定存储格合拼栏的栏数(应用数据) <table bordercolordark=色调码>…</table> 设置报表暗边框的色调   <td rowspan=主要参数>…</td> 特定存储格合拼列的列数(应用数据) <table bordercolorlight=色调码>…</table> 设置报表亮边框的色调      

6.切分对话框

<frameset col=”20%”,*> 上下切分,将左侧架构切分尺寸为20%,右侧架构的尺寸访问器会全自动调剂   <comment>…</comment> 再加注释 <frameset rows=”20%,*”> 左右切分,将上面架构切分尺寸为20%,下面架构的尺寸访问器会全自动调剂   <dd>…</dd> 设置界定目录的新项目叙述 <frameset cols=”20%,*”> 切分上下两个架构   <dfn>…</dfn> 显示信息"界定"文本 <frameset cols=”20%,*,20%”> 切分左中右3个架构   <dir>…</dir> 目录文本卷标 <frameset rows=”20%,*,20%”> 切分上中下3个架构   <dl>…</dl> 设置界定目录的卷标 <!--…--> 注释   <dt>...</dt> 界定目录中的新项目 <a href target> 特定非常连接的切分对话框   <em>…</em> 强调之用 <a href="#锚的名字> 特定锚名字的非常连接   <font face> 随意特定所用的字形 <a href> 特定非常连接   <font size> 设置字体样式尺寸 <a name=锚的名字> 被连结点的名字   <form action> 设置 <address>…</address> 用来显示信息电子器件电子邮箱详细地址       <b>…</b> 粗体字       <base target> 特定非常连接的切分对话框       <bgsound src> 添加情况歌曲       <big>…</big> 展现大号字体样式实际效果       <blink> 显示信息闪动的标识符串或文本(IE不适用)       <body text link vlink> 设置文本色调       <body>…</body> 显示信息本文       <br /> 换行       <capition align> 设置报表题目部位       <caption>…</caption> 为报表再加题目       <center>…</center> 对包围着的文字开展垂直居中解决,html5不适用此标识       <cite>…<cite> 用于旁征博引的文本       <code>…</code> 用于列出1段程序流程编码