整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          html開發(fā)筆記03- 標(biāo)題標(biāo)簽

          、標(biāo)題標(biāo)簽:

          使用 <h1> </h1> 一對標(biāo)簽來表示,標(biāo)簽標(biāo)簽有大有效h后的數(shù)字越小字體越大。

          二、標(biāo)題標(biāo)簽使用方法:

          三、標(biāo)題的特性:

          1、標(biāo)題標(biāo)簽是 <h2> 這類的,都是標(biāo)題,這個(gè)叫語義。

          2、標(biāo)題從 h1 至 h...7 等,有很多個(gè),數(shù)字越小字體越大。

          3、標(biāo)題文字在網(wǎng)頁中會(huì)獨(dú)占一行,,且字體自動(dòng)加粗。

          4、標(biāo)題的標(biāo)簽同樣是以 <> 開頭 ,</> 結(jié)尾。

          5、無論是否和正文寫在一起都是自動(dòng)獨(dú)占一行。

          6、不是標(biāo)題的文字,不要亂用標(biāo)題標(biāo)簽。

          四、源代碼演示:

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <title>我的第二個(gè)網(wǎng)頁</title>

          </head>

          <body> <!--下面是演示標(biāo)題的寫法-->

          <h1>這是h1標(biāo)題</h1>

          <h2>這是h2標(biāo)題</h2>

          <h3>這是h3標(biāo)題</h3>

          <h4>這是h4標(biāo)題</h4>

          這是正文和標(biāo)題混合寫的效果<h5>這是h5標(biāo)題</h5>

          </body>

          </html>

          覽器支持

          所有主流瀏覽器都支持 <a> 標(biāo)簽。

          標(biāo)簽定義及使用說明

          <a> 標(biāo)簽定義超鏈接,用于從一個(gè)頁面鏈接到另一個(gè)頁面。

          <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標(biāo)。

          在所有瀏覽器中,鏈接的默認(rèn)外觀如下:

          • 未被訪問的鏈接帶有下劃線而且是藍(lán)色的

          • 已被訪問的鏈接帶有下劃線而且是紫色的

          • 活動(dòng)鏈接帶有下劃線而且是紅色的

          提示和注釋

          提示:如果沒有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。

          提示:通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁面,除非規(guī)定了其他 target。

          提示:請使用 CSS 來改變鏈接的樣式。

          HTML 4.01 與 HTML5之間的差異

          在 HTML 4.01 中,<a> 標(biāo)簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標(biāo)簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個(gè)占位符。

          HTML5 有一些新的屬性,同時(shí)不再支持一些 HTML 4.01 的屬性。

          屬性

          New :HTML5 中的新屬性。

          屬性描述
          charsetchar_encodingHTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。
          coordscoordinatesHTML5 不支持。規(guī)定鏈接的坐標(biāo)。
          downloadNewfilename指定下載鏈接
          hrefURL規(guī)定鏈接的目標(biāo) URL。
          hreflanglanguage_code規(guī)定目標(biāo) URL 的基準(zhǔn)語言。僅在 href 屬性存在時(shí)使用。
          mediaNewmedia_query規(guī)定目標(biāo) URL 的媒介類型。默認(rèn)值:all。僅在 href 屬性存在時(shí)使用。
          namesection_nameHTML5 不支持。規(guī)定錨的名稱。
          relalternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。
          revtextHTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。
          shapedefaultrectcirclepolyHTML5 不支持。規(guī)定鏈接的形狀。
          target_blank_parent_self_topframename規(guī)定在何處打開目標(biāo) URL。僅在 href 屬性存在時(shí)使用。
          typeNewMIME_type規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時(shí)使用。注:MIME = Multipurpose Internet Mail Extensions。

          全局屬性

          <a> 標(biāo)簽支持 HTML 的全局屬性。

          事件屬性

          <a> 標(biāo)簽支持 HTML 的事件屬性。

          創(chuàng)建超級鏈接

          本例演示如何在 HTML 文檔中創(chuàng)建鏈接。

          將圖像作為鏈接

          本例演示如何使用圖像作為鏈接。

          在新的瀏覽器窗口打開鏈接

          本例演示如何在新窗口打開一個(gè)頁面,這樣的話訪問者就無需離開您的站點(diǎn)了。

          創(chuàng)建電子郵件鏈接

          本例演示如何鏈接到一個(gè)郵件。(本例在安裝郵件客戶端程序后才能工作。)

          創(chuàng)建電子郵件鏈接 2

          本例演示更加復(fù)雜的郵件鏈接。

          使用錨跳轉(zhuǎn)到同一個(gè)頁面的不同位置

          本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁面的不同位置( HTML5 不支持 name 屬性)

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          使用 <summary> 元素:

          <details>

          <summary>Copyright 1999-2011.</summary>

          <p> - by Refsnes Data. All Rights Reserved.</p>

          <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

          </details>


          瀏覽器支持

          目前,只有 Chrome 和 Safari 6 支持 <summary> 標(biāo)簽。


          標(biāo)簽定義及使用說明

          <summary> 標(biāo)簽為 <details> 元素定義一個(gè)可見的標(biāo)題。 當(dāng)用戶點(diǎn)擊標(biāo)題時(shí)會(huì)顯示出詳細(xì)信息。


          HTML 4.01 與 HTML5之間的差異

          <summary> 標(biāo)簽是 HTML5 中的新標(biāo)簽。


          提示和注釋

          注釋:<summary> 元素應(yīng)該是 <details> 元素的第一個(gè)子元素。


          全局屬性

          <summary> 標(biāo)簽支持 HTML 的全局屬性。


          事件屬性

          <summary> 標(biāo)簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 丰满人妻一区二区三区视频53| 久久久国产精品亚洲一区| 无码人妻视频一区二区三区 | 2014AV天堂无码一区| 亚洲AV无一区二区三区久久| 亚洲高清偷拍一区二区三区| 无码国产精品一区二区免费虚拟VR | 日本道免费精品一区二区| 精品国产一区二区三区av片| 一区二区在线视频| 国产一区二区三区免费| 三上悠亚亚洲一区高清| 一区二区精品视频| 国产一区二区在线视频播放| 中文乱码字幕高清一区二区| 亚洲视频一区在线观看| 久久久久人妻精品一区二区三区| 久久高清一区二区三区| 无码人妻精品一区二区三| 久久99精品国产一区二区三区| 日韩一本之道一区中文字幕| 久久久人妻精品无码一区| 一区二区三区美女视频| 精品无码人妻一区二区三区不卡| 无码人妻精品一区二区蜜桃| 一区二区不卡视频在线观看| 99精品高清视频一区二区| 久久久99精品一区二区| 合区精品久久久中文字幕一区| 亚洲国产成人久久综合一区77| 国产精品日韩一区二区三区| 国产成人精品无码一区二区老年人| 性色AV一区二区三区无码| 91国偷自产一区二区三区| 亚洲综合av一区二区三区| 濑亚美莉在线视频一区| 国产午夜毛片一区二区三区| 国产在线一区二区综合免费视频 | 中文乱码人妻系列一区二区| 免费高清av一区二区三区| 夜夜爽一区二区三区精品|