整合營銷服務(wù)商

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

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

          HTML屬性及實(shí)例

          TML 屬性

          HTML 標(biāo)簽可以擁有屬性。屬性提供了有關(guān) HTML 元素的更多的信息。

          屬性總是以名稱/值對的形式出現(xiàn),比如:name="value"。

          屬性總是在 HTML 元素的開始標(biāo)簽中規(guī)定。

          屬性實(shí)例

          HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定:

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <a >

          This is a link</a>

          </body>

          </html>

          [/demo]

          更多 HTML 屬性實(shí)例

          屬性例子 1:

          <h1> 定義標(biāo)題的開始。

          <h1 align="center"> 擁有關(guān)于對齊方式的附加信息。

          [demo]

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

          "http://www.w3.org/TR/html4/loose.dtd">

          <html>

          <head>

          <meta charset="UTF-8">

          </head>

          <body>

          <h1 align="center">This is heading 1</h1>

          <p>上面的標(biāo)題在頁面中進(jìn)行了居中排列。上面的標(biāo)題在頁面中進(jìn)行了居中排列。上面的標(biāo)題在頁面中進(jìn)行了居中排列。</p>

          </body>

          </html>

          [/demo]

          屬性例子 2:

          <body> 定義 HTML 文檔的主體。

          <body bgcolor="yellow"> 擁有關(guān)于背景顏色的附加信息。

          [demo]

          <html>

          <head>

          <meta charset="UTF-8">

          <meta http-equiv="Content-Type" content="text/html />

          <meta http-equiv="Content-Language" content="zh-cn" />

          </head>

          <body bgcolor="yellow">

          <h2>請看: 改變了顏色的背景。</h2>

          </body>

          </html>

          [/demo]

          屬性例子 3:

          <table> 定義 HTML 表格。(您將在稍后的章節(jié)學(xué)習(xí)到更多有關(guān) HTML 表格的內(nèi)容)

          <table border="1"> 擁有關(guān)于表格邊框的附加信息。

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網(wǎng)聯(lián)盟在其 HTML 4 推薦標(biāo)準(zhǔn)中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。

          始終為屬性值加引號

          屬性值應(yīng)該始終被包括在引號內(nèi)。雙引號是最常用的,不過使用單引號也沒有問題。

          在某些個(gè)別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:

          name='Bill "HelloWorld" Gates'

          下面列出了適用于大多數(shù) HTML 元素的屬性:

          屬性 值 描述

          class classname 規(guī)定元素的類名(classname)

          id id 規(guī)定元素的唯一 id

          style style_definition 規(guī)定元素的行內(nèi)樣式(inline style)

          title text 規(guī)定元素的額外信息(可在工具提示中顯示)

          HTML 全局屬性

          HTML 屬性賦予元素意義和語境。

          下面的全局屬性可用于任何 HTML 元素。

          HTML 全局屬性

          屬性 描述

          accesskey 規(guī)定激活元素的快捷鍵。

          class 規(guī)定元素的一個(gè)或多個(gè)類名(引用樣式表中的類)。

          contenteditable 規(guī)定元素內(nèi)容是否可編輯。

          contextmenu 規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。

          data-* 用于存儲頁面或應(yīng)用程序的私有定制數(shù)據(jù)。

          dir 規(guī)定元素中內(nèi)容的文本方向。

          draggable 規(guī)定元素是否可拖動。

          dropzone 規(guī)定在拖動被拖動數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動或鏈接。

          hidden 規(guī)定元素仍未或不再相關(guān)。

          id 規(guī)定元素的唯一 id。

          lang 規(guī)定元素內(nèi)容的語言。

          spellcheck 規(guī)定是否對元素進(jìn)行拼寫和語法檢查。

          style 規(guī)定元素的行內(nèi) CSS 樣式。

          tabindex 規(guī)定元素的 tab 鍵次序。

          title 規(guī)定有關(guān)元素的額外信息。

          translate 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。

          HTML 事件屬性

          Window 事件屬性

          針對 window 對象觸發(fā)的事件(應(yīng)用到 <body> 標(biāo)簽):

          屬性 值 描述

          onafterprint script 文檔打印之后運(yùn)行的腳本。

          onbeforeprint script 文檔打印之前運(yùn)行的腳本。

          onbeforeunload script 文檔卸載之前運(yùn)行的腳本。

          onerror script 在錯(cuò)誤發(fā)生時(shí)運(yùn)行的腳本。

          onhaschange script 當(dāng)文檔已改變時(shí)運(yùn)行的腳本。

          onload script 頁面結(jié)束加載之后觸發(fā)。

          onmessage script 在消息被觸發(fā)時(shí)運(yùn)行的腳本。

          onoffline script 當(dāng)文檔離線時(shí)運(yùn)行的腳本。

          ononline script 當(dāng)文檔上線時(shí)運(yùn)行的腳本。

          onpagehide script 當(dāng)窗口隱藏時(shí)運(yùn)行的腳本。

          onpageshow script 當(dāng)窗口成為可見時(shí)運(yùn)行的腳本。

          onpopstate script 當(dāng)窗口歷史記錄改變時(shí)運(yùn)行的腳本。

          onredo script 當(dāng)文檔執(zhí)行撤銷(redo)時(shí)運(yùn)行的腳本。

          onresize script 當(dāng)瀏覽器窗口被調(diào)整大小時(shí)觸發(fā)。

          onstorage script 在 Web Storage 區(qū)域更新后運(yùn)行的腳本。

          onundo script 在文檔執(zhí)行 undo 時(shí)運(yùn)行的腳本。

          onunload script 一旦頁面已下載時(shí)觸發(fā)(或者瀏覽器窗口已被關(guān)閉)。

          Form 事件

          由 HTML 表單內(nèi)的動作觸發(fā)的事件(應(yīng)用到幾乎所有 HTML 元素,但最常用在 form 元素中):

          屬性 值 描述

          onblur script 元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。

          onchange script 在元素值被改變時(shí)運(yùn)行的腳本。

          oncontextmenu script 當(dāng)上下文菜單被觸發(fā)時(shí)運(yùn)行的腳本。

          onfocus script 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行的腳本。

          onformchange script 在表單改變時(shí)運(yùn)行的腳本。

          onforminput script 當(dāng)表單獲得用戶輸入時(shí)運(yùn)行的腳本。

          oninput script 當(dāng)元素獲得用戶輸入時(shí)運(yùn)行的腳本。

          oninvalid script 當(dāng)元素?zé)o效時(shí)運(yùn)行的腳本。

          onreset script 當(dāng)表單中的重置按鈕被點(diǎn)擊時(shí)觸發(fā)。HTML5 中不支持。

          onselect script 在元素中文本被選中后觸發(fā)。

          onsubmit script 在提交表單時(shí)觸發(fā)。

          Keyboard 事件

          屬性 值 描述

          onkeydown script 在用戶按下按鍵時(shí)觸發(fā)。

          onkeypress script 在用戶敲擊按鈕時(shí)觸發(fā)。

          onkeyup script 當(dāng)用戶釋放按鍵時(shí)觸發(fā)。

          Mouse 事件

          由鼠標(biāo)或類似用戶動作觸發(fā)的事件:

          屬性 值 描述

          onclick script 元素上發(fā)生鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)。

          ondblclick script 元素上發(fā)生鼠標(biāo)雙擊時(shí)觸發(fā)。

          ondrag script 元素被拖動時(shí)運(yùn)行的腳本。

          ondragend script 在拖動操作末端運(yùn)行的腳本。

          ondragenter script 當(dāng)元素元素已被拖動到有效拖放區(qū)域時(shí)運(yùn)行的腳本。

          ondragleave script 當(dāng)元素離開有效拖放目標(biāo)時(shí)運(yùn)行的腳本。

          ondragover script 當(dāng)元素在有效拖放目標(biāo)上正在被拖動時(shí)運(yùn)行的腳本。

          ondragstart script 在拖動操作開端運(yùn)行的腳本。

          ondrop script 當(dāng)被拖元素正在被拖放時(shí)運(yùn)行的腳本。

          onmousedown script 當(dāng)元素上按下鼠標(biāo)按鈕時(shí)觸發(fā)。

          onmousemove script 當(dāng)鼠標(biāo)指針移動到元素上時(shí)觸發(fā)。

          onmouseout script 當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā)。

          onmouseover script 當(dāng)鼠標(biāo)指針移動到元素上時(shí)觸發(fā)。

          onmouseup script 當(dāng)在元素上釋放鼠標(biāo)按鈕時(shí)觸發(fā)。

          onmousewheel script 當(dāng)鼠標(biāo)滾輪正在被滾動時(shí)運(yùn)行的腳本。

          onscroll script 當(dāng)元素滾動條被滾動時(shí)運(yùn)行的腳本。

          Media 事件

          由媒介(比如視頻、圖像和音頻)觸發(fā)的事件(適用于所有 HTML 元素,但常見于媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):

          屬性 值 描述

          onabort script 在退出時(shí)運(yùn)行的腳本。

          oncanplay script 當(dāng)文件就緒可以開始播放時(shí)運(yùn)行的腳本(緩沖已足夠開始時(shí))。

          oncanplaythrough script 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時(shí)運(yùn)行的腳本。

          ondurationchange script 當(dāng)媒介長度改變時(shí)運(yùn)行的腳本。

          onemptied script 當(dāng)發(fā)生故障并且文件突然不可用時(shí)運(yùn)行的腳本(比如連接意外斷開時(shí))。

          onended script 當(dāng)媒介已到達(dá)結(jié)尾時(shí)運(yùn)行的腳本(可發(fā)送類似“感謝觀看”之類的消息)。

          onerror script 當(dāng)在文件加載期間發(fā)生錯(cuò)誤時(shí)運(yùn)行的腳本。

          onloadeddata script 當(dāng)媒介數(shù)據(jù)已加載時(shí)運(yùn)行的腳本。

          onloadedmetadata script 當(dāng)元數(shù)據(jù)(比如分辨率和時(shí)長)被加載時(shí)運(yùn)行的腳本。

          onloadstart script 在文件開始加載且未實(shí)際加載任何數(shù)據(jù)前運(yùn)行的腳本。

          onpause script 當(dāng)媒介被用戶或程序暫停時(shí)運(yùn)行的腳本。

          onplay script 當(dāng)媒介已就緒可以開始播放時(shí)運(yùn)行的腳本。

          onplaying script 當(dāng)媒介已開始播放時(shí)運(yùn)行的腳本。

          onprogress script 當(dāng)瀏覽器正在獲取媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。

          onratechange script 每當(dāng)回放速率改變時(shí)運(yùn)行的腳本(比如當(dāng)用戶切換到慢動作或快進(jìn)模式)。

          onreadystatechange script 每當(dāng)就緒狀態(tài)改變時(shí)運(yùn)行的腳本(就緒狀態(tài)監(jiān)測媒介數(shù)據(jù)的狀態(tài))。

          onseeked script 當(dāng) seeking 屬性設(shè)置為 false(指示定位已結(jié)束)時(shí)運(yùn)行的腳本。

          onseeking script 當(dāng) seeking 屬性設(shè)置為 true(指示定位是活動的)時(shí)運(yùn)行的腳本。

          onstalled script 在瀏覽器不論何種原因未能取回媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。

          onsuspend script 在媒介數(shù)據(jù)完全加載之前不論何種原因終止取回媒介數(shù)據(jù)時(shí)運(yùn)行的腳本。

          ontimeupdate script 當(dāng)播放位置改變時(shí)(比如當(dāng)用戶快進(jìn)到媒介中一個(gè)不同的位置時(shí))運(yùn)行的腳本。

          onvolumechange script 每當(dāng)音量改變時(shí)(包括將音量設(shè)置為靜音)時(shí)運(yùn)行的腳本。

          onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時(shí)(比如當(dāng)媒介暫停已緩沖更多數(shù)據(jù))運(yùn)行腳本

          認(rèn)情況下wordpress站點(diǎn)的文章標(biāo)題都是黑色的,有些主題也可以實(shí)現(xiàn)其它彩色的文章標(biāo)題,不過這些標(biāo)題的顏色都是寫在wordpress主題模板的CSS文件中的,修改起來比較麻煩,而且對普通用戶來說操作比較困難。今天悅?cè)粀ordpress建站給大家分享一個(gè)簡單的自定義文章標(biāo)題顏色的方法,該方法操作簡單,而且可以對不同的文章設(shè)置不同的顏色。

          話不多說,這個(gè)方法就是直接在文章或頁面標(biāo)題中使用html代碼,只需要把下面的代碼添加到wordpress文章或頁面標(biāo)題中即可,color后面是顏色值,可以修改為你想要的顏色,中文內(nèi)容就是你的標(biāo)題名稱,填寫你自己的就可以了。

          <font color=#FF00FF>wordpress建站教程 文章標(biāo)題字體顏色</font>

          作者:悅?cè)粀ordpress建

          想要修改顏色直接修改對應(yīng)的顏色代碼就可以了,顏色代碼可以使用PS或其它圖片處理工具的拾色器獲取。然后再修改文字內(nèi)容發(fā)布文章即可。

          (此處已添加小程序,請到客戶端查看)

          在線配色/顏色代碼工具

          https://www.palettable.io

          如果不想找圖片處理工具也可以使用在線的配色工具,比如上面這個(gè)網(wǎng)站。

          注意:一般情況下我們使用默認(rèn)的標(biāo)題顏色就可以了,并沒有太大的必要去修改顏色,只適合用在少數(shù)重要的文章或頁面上。對企業(yè)網(wǎng)站或其它普通站點(diǎn)來說,做好網(wǎng)站內(nèi)容才是最重要的,各種花哨的功能或效果還是少用吧。

          還要注意的是,如果你的wordpress網(wǎng)站適配了小程序,那么這種標(biāo)題代碼是不被支持的,文章標(biāo)題在小程序端會直接以原代碼顯示。

          GeneratePress主題中創(chuàng)建新的標(biāo)題元素,請轉(zhuǎn)到外觀 > 元素,然后單擊“添加新元素”。從元素下拉列表中,選擇“標(biāo)題”。

          如果您想使用下面的背景圖片選項(xiàng),則需要內(nèi)容。

          內(nèi)容框接受任何 HTML(標(biāo)題、段落等)、簡碼(滑塊、聯(lián)系表格等)或模板標(biāo)簽。

          如果您只想使用背景圖片而不添加任何內(nèi)容,只需添加一些 HTML 注釋:

          <!--This is a comment.-->
          
          

          頁面英雄

          元素類

          將自定義類添加到標(biāo)題元素。

          容器

          容器選項(xiàng)是應(yīng)用頁面英雄背景圖像或顏色的對象。

          Full :頁面 hero 將跨越屏幕的整個(gè)寬度。

          包含:頁面英雄將與容器的寬度相同。

          內(nèi)容器

          此選項(xiàng)指的是保存頁面英雄內(nèi)容的內(nèi)部容器。

          Full :內(nèi)容將跨越屏幕的整個(gè)寬度。

          包含:內(nèi)容將與容器的寬度相同。

          水平對齊

          選擇頁面英雄內(nèi)容的水平對齊方式。

          全屏

          此選項(xiàng)將強(qiáng)制頁面英雄占據(jù)頁面的整個(gè)視口。
          注意:需要在站點(diǎn)標(biāo)題選項(xiàng)卡中選擇合并。

          填充

          向頁面英雄內(nèi)容添加填充。

          頁面英雄的高度由頂部和底部填充確定。

          使用切換為桌面和移動設(shè)備設(shè)置不同的填充。

          背景圖片

          為頁面英雄內(nèi)容添加背景圖片。

          特色圖片– 使用頁面或帖子中添加的特色圖片作為背景圖片。您還可以選擇后備圖像以在單個(gè)頁面或帖子中未添加特色圖像時(shí)顯示。

          自定義圖像– 上傳此特定頁面英雄的自定義圖像。

          背景圖像位置

          設(shè)置背景圖像的位置。
          注意:需要選擇特色圖片或自定義圖片。

          視差

          啟用此選項(xiàng)將對背景圖像應(yīng)用視差效果(滾動時(shí)移動)。
          注意:需要選擇特色圖片或自定義圖片。

          禁用特色圖片

          禁用具有此頁面英雄的帖子上的特色圖片。
          注意:需要選擇特色圖片或自定義圖片。

          背景疊加

          使用背景顏色作為背景覆蓋。
          注意:需要選擇特色圖片或自定義圖片。

          顏色

          設(shè)置頁面英雄內(nèi)容的背景、顏色和鏈接顏色。

          網(wǎng)站標(biāo)題

          與內(nèi)容合并

          將您的網(wǎng)站標(biāo)題放在其下方內(nèi)容的頂部。

          偏移站點(diǎn)標(biāo)題高度

          添加到頁面 hero 的頂部填充以防止重疊。

          無偏移:

          使用 100px(標(biāo)題高度)偏移:

          標(biāo)題背景

          應(yīng)用特定的標(biāo)題背景顏色以配合此頁面英雄。這將替換定制器中設(shè)置的標(biāo)題背景顏色。

          網(wǎng)站標(biāo)志

          應(yīng)用一個(gè)特定的標(biāo)志來配合這個(gè)頁面英雄。如果啟用了與內(nèi)容合并選項(xiàng),這將特別有用。
          注意:需要在站點(diǎn)徽標(biāo)中上傳現(xiàn)有徽標(biāo)。

          導(dǎo)航標(biāo)志

          應(yīng)用一個(gè)特定的導(dǎo)航標(biāo)志來配合這個(gè)頁面英雄。如果啟用了與內(nèi)容合并選項(xiàng),這將特別有用。
          注意:需要在Navigation Logo中上傳現(xiàn)有徽標(biāo)。

          導(dǎo)航位置

          為此頁面英雄使用特定的導(dǎo)航位置。這將替換定制器中設(shè)置的全局導(dǎo)航位置。

          導(dǎo)航顏色

          為此頁面英雄應(yīng)用特定的導(dǎo)航顏色。這將替換定制器中設(shè)置的導(dǎo)航顏色。

          粘性導(dǎo)航顏色仍將繼承全局
          定制器中的導(dǎo)航顏色設(shè)置。

          顯示規(guī)則

          為了讓您的元素顯示在您網(wǎng)站的任何位置,您必須在“顯示規(guī)則”選項(xiàng)卡中設(shè)置某些條件。

          這些設(shè)置允許您在整個(gè)站點(diǎn)中顯示您的元素。您可以選擇特定頁面、帖子、類別等。您甚至可以告訴元素在整個(gè)站點(diǎn)中顯示。

          您還可以使用相同的條件排除該元素。例如,您可以告訴您的元素在整個(gè)站點(diǎn)中顯示,不包括“關(guān)于”頁面。

          位置(必需)– 選擇此元素應(yīng)顯示的時(shí)間。

          排除(可選) – 選擇何時(shí)不應(yīng)顯示此元素。

          用戶(可選) – 特定用戶角色的顯示元素。

          內(nèi)部注釋

          此選項(xiàng)卡是一個(gè)可選選項(xiàng)卡。這里的內(nèi)容不會出現(xiàn)在前端。它用于幫助您記住添加此元素的原因。


          主站蜘蛛池模板: 一区二区三区四区在线播放| 波多野结衣一区二区三区高清av| 亚洲高清一区二区三区电影| 无码精品人妻一区二区三区影院 | 国模精品一区二区三区| 亚洲日本一区二区| 黄桃AV无码免费一区二区三区 | 免费日本一区二区| 久久AAAA片一区二区| 八戒久久精品一区二区三区 | 久久无码精品一区二区三区| 天堂一区二区三区精品| 精品一区二区视频在线观看| 日韩免费无码视频一区二区三区| 波多野结衣一区二区三区aV高清| 国产无人区一区二区三区| 日本高清一区二区三区| 91国偷自产一区二区三区| 亚洲AV成人一区二区三区在线看| 亚洲一区二区三区免费观看| 国产高清在线精品一区| 精品国产一区二区三区四区| 麻豆果冻传媒2021精品传媒一区下载| 麻豆AV一区二区三区| 亚洲一区二区三区在线观看蜜桃 | 日韩在线一区高清在线| 国产乱码精品一区二区三区四川人| 日本无卡码一区二区三区| 色窝窝免费一区二区三区| 国产一区二区三区小说| 色噜噜一区二区三区| 制服中文字幕一区二区 | 中文字幕在线无码一区| 精品国产日产一区二区三区| 日韩精品无码一区二区三区不卡 | 日本高清一区二区三区| 免费一区二区三区四区五区| 亚洲国产av一区二区三区| av无码人妻一区二区三区牛牛| 久久婷婷久久一区二区三区| 亚洲丰满熟女一区二区哦|