• 技术文章 >web前端 >html教程

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

    高洛峰高洛峰2017-02-24 10:36:31原创1389
    首先要知道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>设定表格边框大小(使用数字) <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%”>分割左中右三个框架 <dir>…</dir>列表文字卷标
    <frameset rows=”20%,*,20%”>分割上中下三个框架 <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>用于列出一段程序代码


    更多HTML常用标签及html标签的特点相关文章请关注PHP中文网!


    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML常用标签
    上一篇:HTML页面自动跳转的五种方法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ajax基本介绍• jquery的each,map,has• 求两个纯Html之间的传值示例_html/css_WEB-ITnose• html +CSS+div学习――第二课_html/css_WEB-ITnose• 规范化css 命名(常用整理)_html/css_WEB-ITnose
    1/1

    PHP中文网