• 企业400电话
  • 网络优化推广
  • AI电话机器人
  • 呼叫中心
  • 全 部 栏 目

    网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML常用标签大全及html标签的特点
    POST TIME:2021-10-16 22:28

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

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

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

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

    <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> 用于列出一段程序代码      

  • 相关文章
  • 

    关于我们 | 付款方式 | 荣誉资质 | 业务提交 | 代理合作


    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信