• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html5中的一些标签学习(心得)

    今天看手册学习到了HTML5很多属性。现在总结如下

    <body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">

    Background用来设定页面的背景，后面是图片的地址

    Bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字

    Text 用来设定没有超链接的字体颜色

     Link用来设定超链接的字体颜色

     alink 用来设定超链接点击时的颜色

    Vlink用来设定超链接点击过后的字体颜色

    <a href=” www.jb51.net” > 脚本之家</a>

    <a name=” www.jb51.net”>页面跳转的地方</a>

    <nav>用来将具有导航性质的链接划分到一起如

    <nav>

    <a href=” #” > 脚本之家</a>

    <a href=” #” > 脚本之家</a>

    <a href=” #” > 脚本之家</a>

    </nav>

     
    H<sub>2</sub>SO<sub>4</sub>

    <sub>是下标所使用的标签</sub>

    <sup>是上标所使用的标签</sup>

    分别从标题一到标题六。字体逐渐缩小，并自动换行

    <h1></h1>

    <h2></h2>

    <h3></h3>

    <h4></h4>

    <h5></h5>

    <h6></h6>

    <img src="1.jpeg" width="500" height="auto">

    Img是插入图片的标签，width为图片的宽度。Height为图片的高度可以为其填写数值，也可以填写auto（按比例缩放）src中“为图片的地址和后缀名”

    <font size="5px" font color=”red”>这是一个关于脚本之家的网站</font>

    size定义字体的大小，后跟px（像素）

    color定义字体的颜色

    换行 <br/>

    水平分割线<hr>

      <!-- 颜色为红色的水平线 -->

      <hr color="red"/>

      <!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->

     <hr align="left/cener/right" />

     <!-- 宽度为50%的水平线 -->

     <hr width="50%"/>

     <!-- 高度为50像素的水平线 -->

     <hr size="50"/>

     <!-- 去掉阴影的水平线 -->

     <hr noshade="noshade">

    附代码

    XML/HTML Code复制内容到剪贴板
    1. <!doctype html>  
    2.   
    3. <html>  
    4.   
    5.  <head>  
    6.   
    7.   <meta charset="UTF-8">  
    8.   
    9.   <title>20161017</title>  
    10.   
    11.  </head>  
    12.   
    13.  <body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">  
    14.   
    15.  <h1>枫桥夜泊</h1>  
    16.   
    17.  <h5>张继</h5>  
    18.   
    19.  <h3>月落乌啼霜满天，</h3>  
    20.   
    21.  <h3>江枫渔火对愁眠。</h3>  
    22.   
    23.  <h3>姑苏城外寒山寺，</h3>  
    24.   
    25.  <h3>夜半钟声到客船。</h3>  
    26.   
    27.  <a href=""www.baidu.com" >baidu</a></br>  
    28.   
    29. 跳转到页面的另外一个地方:</br>  
    30.   
    31.  <a name="www.baidu.com">111</a></br>  
    32.   
    33.   H<sub>2</sub>SO<sub>4</sub><br/>  
    34.   
    35. <img src="1.jpeg" width="500" height="auto"><br/>  
    36.   
    37. <img src="5.jpg" align=top> 实例  <br/>  
    38.   
    39. <img src="5.jpg" align=middle> 实例  <br/>  
    40.   
    41. <img src="5.jpg" align=bottom> 实例 <br/>  
    42.   
    43. 只有一行文字才可以放在图象的两边。   
    44.   
    45. <!-- 边框像素为15的图片 -->  
    46.   
    47. <img src="5.jpg" border=15/>  
    48.   
    49. <br/>  
    50.   
    51.   <font size="5px" font color="red">这是一个关于百度的网站</font><br/>  
    52.   
    53.   <font size="20px">这是一个关于百度的网站</font><br/>  
    54.   
    55.   <!-- 颜色为红色的水平线 -->  
    56.   
    57.   <hr color="red"/>  
    58.   
    59.   <!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->  
    60.   
    61.  <hr align="left/cener/right" />  
    62.   
    63.  <!-- 宽度为50%的水平线 -->  
    64.   
    65.  <hr width="50%"/>  
    66.   
    67.  <!-- 高度为50像素的水平线 -->  
    68.   
    69.  <hr size="50"/>  
    70.   
    71.  <!-- 去掉阴影的水平线 -->  
    72.   
    73.  <hr noshade="noshade">  
    74.   
    75.  <div align=left border="1px" >  
    76.   
    77. 你知道我在等你吗<br>  
    78.   
    79. 你可能不懂   
    80.   
    81. </div>  
    82.   
    83.  </body>  
    84.   
    85. </html>  

    以上就是小编为大家带来的html5中的一些标签学习(心得)全部内容了，希望大家多多支持脚本之家~

    上一篇：HTML5+CSS3实现机器猫
    下一篇：浅谈html5标签css3的常用样式
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html5中的一些标签学习(心得) html5,中的,一些,标签,学习,