欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

html5中的一些標(biāo)簽學(xué)習(xí)(心得)

  發(fā)布時(shí)間：2016-10-18 09:13:25   作者：佚名   我要評(píng)論
下面小編就為大家?guī)硪黄猦tml5中的一些標(biāo)簽學(xué)習(xí)(心得)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

今天看手冊(cè)學(xué)習(xí)到了HTML5很多屬性。現(xiàn)在總結(jié)如下

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

Background用來設(shè)定頁面的背景，后面是圖片的地址

Bgcolor 用來設(shè)定頁面的背景顏色。后面是顏色或者十六進(jìn)制數(shù)字

Text 用來設(shè)定沒有超鏈接的字體顏色

 Link用來設(shè)定超鏈接的字體顏色

 alink 用來設(shè)定超鏈接點(diǎn)擊時(shí)的顏色

Vlink用來設(shè)定超鏈接點(diǎn)擊過后的字體顏色

<a href=” www.dbjr.com.cn” > 腳本之家</a>

<a name=” www.dbjr.com.cn”>頁面跳轉(zhuǎn)的地方</a>

<nav>用來將具有導(dǎo)航性質(zhì)的鏈接劃分到一起如

<nav>

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

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

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

</nav>

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

<sub>是下標(biāo)所使用的標(biāo)簽</sub>

<sup>是上標(biāo)所使用的標(biāo)簽</sup>

分別從標(biāo)題一到標(biāo)題六。字體逐漸縮小，并自動(dòng)換行

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

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

Img是插入圖片的標(biāo)簽，width為圖片的寬度。Height為圖片的高度可以為其填寫數(shù)值，也可以填寫auto（按比例縮放）src中“為圖片的地址和后綴名”

<font size="5px" font color=”red”>這是一個(gè)關(guān)于腳本之家的網(wǎng)站</font>

size定義字體的大小，后跟px（像素）

color定義字體的顏色

換行 <br/>

水平分割線<hr>

  <!-- 顏色為紅色的水平線 -->

  <hr color="red"/>

  <!-- 對(duì)齊樣式（左/居中/右）和水平線的寬度結(jié)合使用 -->

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

 <!-- 寬度為50%的水平線 -->

 <hr width="50%"/>

 <!-- 高度為50像素的水平線 -->

 <hr size="50"/>

 <!-- 去掉陰影的水平線 -->

 <hr noshade="noshade">

附代碼

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  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>江楓漁火對(duì)愁眠。</h3>  
  22.   
  23.  <h3>姑蘇城外寒山寺，</h3>  
  24.   
  25.  <h3>夜半鐘聲到客船。</h3>  
  26.   
  27.  <a href=""www.baidu.com" >baidu</a></br>  
  28.   
  29. 跳轉(zhuǎn)到頁面的另外一個(gè)地方:</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> 實(shí)例  <br/>  
  38.   
  39. <img src="5.jpg" align=middle> 實(shí)例  <br/>  
  40.   
  41. <img src="5.jpg" align=bottom> 實(shí)例 <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">這是一個(gè)關(guān)于百度的網(wǎng)站</font><br/>  
  52.   
  53.   <font size="20px">這是一個(gè)關(guān)于百度的網(wǎng)站</font><br/>  
  54.   
  55.   <!-- 顏色為紅色的水平線 -->  
  56.   
  57.   <hr color="red"/>  
  58.   
  59.   <!-- 對(duì)齊樣式（左/居中/右）和水平線的寬度結(jié)合使用 -->  
  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>  

以上就是小編為大家?guī)淼膆tml5中的一些標(biāo)簽學(xué)習(xí)(心得)全部?jī)?nèi)容了，希望大家多多支持腳本之家~

相關(guān)文章

  • 淺談html5標(biāo)簽css3的常用樣式

    下面小編就為大家?guī)硪黄獪\談html5標(biāo)簽css3的常用樣式。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-10-20

  • HTML5新增加標(biāo)簽和功能概述

    HTML5現(xiàn)在已經(jīng)不是SGML的子集，主要是增加了關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能。接下來通過本文對(duì)這些功能簡(jiǎn)要概述下，感興趣的朋友參考下吧
    2016-09-05

  • 淺談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題

    下面小編就為大家?guī)硪黄獪\談Html5中視頻 音頻標(biāo)簽 進(jìn)度條的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-26

  • HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總（小篇）

    這篇文章主要介紹了HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總（小篇）的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2016-07-13

  • 關(guān)于HTML5語義標(biāo)簽的實(shí)踐(blog頁面)

    下面小編就為大家?guī)硪黄P(guān)于HTML5語義標(biāo)簽的實(shí)踐(blog頁面)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-12

  • html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼

    這是一款html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼。鼠標(biāo)滑過文字呈現(xiàn)框選效果，拖動(dòng)文字可呈現(xiàn)出標(biāo)簽云的3D動(dòng)畫旋轉(zhuǎn)效果。
    2016-07-07

  • HTML5之語義標(biāo)簽介紹

    下面小編就為大家?guī)硪黄狧TML5之語義標(biāo)簽介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07

  • HTML5不支持標(biāo)簽和新增標(biāo)簽詳解

    下面小編就為大家?guī)硪黄狧TML5不支持標(biāo)簽和新增標(biāo)簽詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-06-27

  • 淺析HTML5中header標(biāo)簽的用法

    header標(biāo)簽不同于我們最熟悉的head標(biāo)簽,header往往更常被用于定義文章的頭部,下面我們就來淺析HTML5中header標(biāo)簽的用法:
    2016-06-24

  • 常用的HTML5列表標(biāo)簽

    這篇文章主要介紹了常用的HTML5列表標(biāo)簽的相關(guān)資料,需要的朋友可以參考下
    2017-06-20

最新評(píng)論