DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5教程 >> html5中的一些標簽學習(心得)
html5中的一些標簽學習(心得)
編輯：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教程
html5各種頁面切換效果和模態對話框用法總結
 本文詳細總結了html5各種頁面切換效果和模態對話框用法。分享給大家供大家參考。具體分析
html5中的一些標簽學習(心得)
今天看手冊學習到了HTML5很多屬性。現在總結如下<body bgcolor="BE
HTML 5標簽、屬性、事件及兼容性速查表
HTML 5 可以說是近十年來 Web 標准最巨大的飛躍。和以前的版本不同，HTML 5 並非僅僅用

相關文章

HTML入門知識HTML5教程關於HTMLHTML和XhtmlHTML5特效代碼HTML5詳解
小編推薦
HTML5 營銷：三種玩法+案例 DNF浴火新生H5項目總結 HTML5對比HTML4的主要改變和改進總結 Zynga如何走向HTML5 盤點HTML5標簽使用的常見誤區 HTML5參考手冊簡介 html5版canvas自由拼圖實例 html5入門之設計原理 用HTML5的canvas做一個時鐘 HTML 5設計原理
熱門推薦
HTML5 Canvas實現玫瑰曲線和心形圖案的代碼實例 網站body標簽主要的屬性 在支持HTML5的浏覽器上運行WebGL程序的方法 實現自己網站的圖片假水印功能 audio標簽的autoplay屬性在移動端下，無效 HTML5+CSS3方式實現mobie app的瓶頸 紐約時報是怎麼用HTML 5設計在線閱讀產品 9個令人驚歎的HTML 5和JavaScript實驗 html5 更新圖片顏色示例代碼
大家都在看
javascript在子頁面中函數無法調試問題解決方法 匯總讓IE6崩潰的幾種方法 DIV+CSS網頁設計布局中常見問題 JQuery中關於jquery.js與jquery.min.js的比較探討 CSS:CSS樣式如何實現Logo立體盒子效果 javascript數組詳解 JEasyUI的樹形菜單全部展開收起 優秀網頁設計作品:卓越設計遵循的原則
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved