华山资源网

html5中的一些标签学习(心得)
网页制作 2024/11/15 佚名
3 1

今天看手册学习到了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中的一些标签学习(心得)全部内容了，希望大家多多支持~

华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com