整合營銷服務(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,我們一起飛!


          主站蜘蛛池模板: 国产在线一区二区三区在线| 日韩成人一区ftp在线播放| 日本一区二区三区精品国产| 五十路熟女人妻一区二区| 大香伊人久久精品一区二区| 久久精品无码一区二区WWW| 亚洲丶国产丶欧美一区二区三区| 中文字幕人妻第一区| 少妇人妻精品一区二区| 免费视频精品一区二区| 中文字幕精品无码一区二区| 色欲AV蜜臀一区二区三区| 波多野结衣一区视频在线| 国产伦一区二区三区免费| 国产精品亚洲高清一区二区| 亚洲乱码一区av春药高潮| 久久蜜桃精品一区二区三区| 成人精品视频一区二区三区 | 日本一区二区三区不卡在线视频| 男人免费视频一区二区在线观看| 国产成人无码AV一区二区| 91在线一区二区| 国产MD视频一区二区三区| 日韩一区二区久久久久久| 成人欧美一区二区三区在线视频| 亚洲国产精品成人一区| 精品不卡一区二区| 国产精品主播一区二区| 伊人久久精品一区二区三区| 久久一区二区三区免费| 亚洲国产AV无码一区二区三区| 亚洲国产激情一区二区三区| 亚洲愉拍一区二区三区| 国产丝袜视频一区二区三区| 无码日韩AV一区二区三区| 无码精品人妻一区二区三区中| 精品一区二区三区在线观看l | 国产AV天堂无码一区二区三区| 日本一区二区在线| 亚洲AV无码一区二区三区国产| 国产精品香蕉一区二区三区|