html5中文学习网

您的位置: 首页 > html5教程 > 高级应用 » 正文

html5中的一些标签学习(心得)_html5教程技巧

2016-11-20 10:56:18 [小 大] 已经帮助：人解决问题

今天看手册学习到了HTML5很多属性。现在总结如下K5QHTML5中文学习网 - HTML5先行者学习网

<body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">K5QHTML5中文学习网 - HTML5先行者学习网

Background用来设定页面的背景，后面是图片的地址K5QHTML5中文学习网 - HTML5先行者学习网

Bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字K5QHTML5中文学习网 - HTML5先行者学习网

Text 用来设定没有超链接的字体颜色K5QHTML5中文学习网 - HTML5先行者学习网

 Link用来设定超链接的字体颜色K5QHTML5中文学习网 - HTML5先行者学习网

 alink 用来设定超链接点击时的颜色K5QHTML5中文学习网 - HTML5先行者学习网

Vlink用来设定超链接点击过后的字体颜色K5QHTML5中文学习网 - HTML5先行者学习网

<a href=” www.jb51.net” > 脚本之家</a>K5QHTML5中文学习网 - HTML5先行者学习网

<a name=” www.jb51.net”>页面跳转的地方</a>K5QHTML5中文学习网 - HTML5先行者学习网

<nav>用来将具有导航性质的链接划分到一起如K5QHTML5中文学习网 - HTML5先行者学习网

<nav>K5QHTML5中文学习网 - HTML5先行者学习网

<a href=” #” > 脚本之家</a>K5QHTML5中文学习网 - HTML5先行者学习网

<a href=” #” > 脚本之家</a>K5QHTML5中文学习网 - HTML5先行者学习网

<a href=” #” > 脚本之家</a>K5QHTML5中文学习网 - HTML5先行者学习网

</nav>K5QHTML5中文学习网 - HTML5先行者学习网

 K5QHTML5中文学习网 - HTML5先行者学习网
H<sub>2</sub>SO<sub>4</sub>K5QHTML5中文学习网 - HTML5先行者学习网

<sub>是下标所使用的标签</sub>K5QHTML5中文学习网 - HTML5先行者学习网

<sup>是上标所使用的标签</sup>K5QHTML5中文学习网 - HTML5先行者学习网

分别从标题一到标题六。字体逐渐缩小，并自动换行K5QHTML5中文学习网 - HTML5先行者学习网

<h1></h1>K5QHTML5中文学习网 - HTML5先行者学习网

<h2></h2>K5QHTML5中文学习网 - HTML5先行者学习网

<h3></h3>K5QHTML5中文学习网 - HTML5先行者学习网

<h4></h4>K5QHTML5中文学习网 - HTML5先行者学习网

<h5></h5>K5QHTML5中文学习网 - HTML5先行者学习网

<h6></h6>K5QHTML5中文学习网 - HTML5先行者学习网

<img src="1.jpeg" width="500" height="auto">K5QHTML5中文学习网 - HTML5先行者学习网

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

<font size="5px" font color=”red”>这是一个关于脚本之家的网站</font>K5QHTML5中文学习网 - HTML5先行者学习网

size定义字体的大小，后跟px（像素）K5QHTML5中文学习网 - HTML5先行者学习网

color定义字体的颜色K5QHTML5中文学习网 - HTML5先行者学习网

换行 <br/>K5QHTML5中文学习网 - HTML5先行者学习网

水平分割线<hr>K5QHTML5中文学习网 - HTML5先行者学习网

  <!-- 颜色为红色的水平线 -->K5QHTML5中文学习网 - HTML5先行者学习网

  <hr color="red"/>K5QHTML5中文学习网 - HTML5先行者学习网

  <!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->K5QHTML5中文学习网 - HTML5先行者学习网

 <hr align="left/cener/right" />K5QHTML5中文学习网 - HTML5先行者学习网

 <!-- 宽度为50%的水平线 -->K5QHTML5中文学习网 - HTML5先行者学习网

 <hr width="50%"/>K5QHTML5中文学习网 - HTML5先行者学习网

 <!-- 高度为50像素的水平线 -->K5QHTML5中文学习网 - HTML5先行者学习网

 <hr size="50"/>K5QHTML5中文学习网 - HTML5先行者学习网

 <!-- 去掉阴影的水平线 -->K5QHTML5中文学习网 - HTML5先行者学习网

 <hr noshade="noshade">K5QHTML5中文学习网 - HTML5先行者学习网

附代码K5QHTML5中文学习网 - HTML5先行者学习网

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中的一些标签学习(心得)全部内容了，希望大家多多支持脚本之家~K5QHTML5中文学习网 - HTML5先行者学习网

（责任编辑：）
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助

CopyRight © 2011-2018 html5中文学习网 html5cn.Com.cn, All Rights Reserved. 京ICP备18048875号