当前位置:Gxlcms > html代码 > HTML常用标签及html标签的特点

HTML常用标签及html标签的特点

时间:2021-07-01 10:21:17 帮助过:6人阅读

首先要知道html标签的一些特点:

1.类似“<关键字>”这样由尖括号包关键字组成,例如<html>,<p>……

2.一般是成对出现的,由开始标签类似“<p>元素内容</p>”,左边标签一边叫开始标签,右边</ >叫结束标签,有始有终,除了一些个别是单闭合标签的

先记一些个别例外的单闭合标签,例如:

<meta />设置页面信息的 <param />可为包含它的<object>或<applet>提供参数
<br />换行 <keygen />定义生成密钥
<hr />水平线 <source />为媒介元素(如<video>或<audio>)定义媒介源
<area />图像映秀区域 <col />为表格中一个或多个列定义属性值
<input />表单元素,type不同输入字段拥有不同形式 <frame />定义frameset中的一个特定的窗口(框架)
<link />链接样式表 <embed />定义嵌入的内容,比如插件
<basefont />定义基准字体,html5不支持<basefont>标签,不赞成使用 ......

下面按不同效果将标签进行分类:

1.字体效果


<h1>…</h1>标题1(最大)一级级往下字体变小,网页一般从h1~h4,h4之后一般不会用了 <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>设定表格边框大小(使用数字)

人气教程排行