整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 屬性

          性是 HTML 元素提供的附加信息。

          HTML 屬性

          • HTML 元素可以設置屬性

          • 屬性可以在元素中添加附加信息

          • 屬性一般描述于開始標簽

          • 屬性總是以名稱/值對的形式出現,比如:name="value"

          屬性實例

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

          實例

          <a>這是一個鏈接</a>

          HTML 屬性常用引用屬性值

          屬性值應該始終被包括在引號內。

          雙引號是最常用的,不過使用單引號也沒有問題。

          提示: 在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='John "ShotGun" Nelson'

          HTML 提示:使用小寫屬性

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

          不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

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

          HTML 屬性參考手冊

          查看完整的HTML屬性列表: HTML 標簽參考手冊。

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

          屬性描述
          class為html元素定義一個或多個類名(classname)(類名從樣式文件引入)
          id定義元素的唯一id
          style規定元素的行內樣式(inline style)
          title描述了元素的額外信息 (作為工具條使用)

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

          設置字體樣式的基本標簽是<font></font>,被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中,<font></font>容易被多重嵌套,如<font 屬性1=值1><font 屬性2=值2>文本</font></font>。還有一種情況是標簽嵌套錯位,如<font><p>文本</font></p>。為了規范代碼的編寫,避免不必要的錯誤,讀者在初學時一定要謹慎。

          2、設置文字的顏色 color 是標簽的屬性之一,用于設置文字顏色。color是<font></font>標簽的屬性之一,用于設置文字顏色。例子如:淺紅色文字:<font color="#dd0000">51UM博客即湯湯個人博客網站,是一個和草根站長們一起學習分享網站SEO優化技術、web前端開發為主的個人博客網站。</font>

          3、設置文字的尺寸 size 也是標簽的屬性,用于設置文字大小。size 的值為1-7, 默認為3。我們可以 size 屬性值之前加上“+”“-”字符,來指定相對于字 、 號初始值的增量或減量。例子如: size為1:<font size="-2">HTML學習</font>

          4、使文字傾斜,用雙標簽<i></i>可使被作用文字傾斜,達到特殊的效果,例如文章的日期。<em></em>被稱為強調標簽,也是斜體,目前使用比<i></i>標簽更頻繁,其編寫方法如下:

          <i>這是斜體文字</i>

          <em>這也是斜體文字</em>

          5、 使文字加粗,用雙標簽<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的標題部分。<strong></strong>被稱為特別強調標簽,也是文字加粗,目前使用比<b></b>標簽更頻繁,其編寫方法如下:

          <b>這是粗體文字</b>

          <strong>這也是粗體文字</strong>

          除注明外的文章,均為來源:湯久生博客(QQ:1917843637),轉載請保留本文地址,謝謝!



          多時候對有前端工程師來講,頁面效果直接會轉嫁個CSS或JS,對HTML的一些屬性了解的并不充分,接下來介紹一些有意思的HTML屬性。

          1)Multiple

          顧名思義就是在一個輸入標簽或選擇標簽中可以輸入多個值

          <input type="file" multiple>

          2)Accept

          在<input>包含接受屬性,允許用戶傷上傳指定的文件類型。我們在設置的過程中,需要設置指定的文件格式。并用逗號分開即可。傳遞文件類型包含圖片、音頻、視頻、文檔,等自定義文件類型。

          <input type="file" accept=".png, .jpg">

          3)Contenteditable

          這個屬性比較有意思,允許用戶在前端HTML頁面進行對文本的編輯,只對DOM的可見部分進行編輯。

          <div contenteditable="true">我可以隨意編輯!</div>

          4)Spellcheck

          進行拼寫檢查的可編輯段落:

          <p contenteditable="true" spellcheck="true">這是一個段落。</p>

          5) Translate

          Translate告訴瀏覽器是否應該翻譯內容。例如,您可以使用它來防止Google Translate自動嘗試翻譯您的公司或品牌名稱。

          <footer><p translate="no">Mark</p></footer>

          6) Poster

          帶有預覽圖(海報圖片)的視頻播放器:

          注釋:Internet Explorer 8 以及更早的版本不支持 <video> 標簽。

          <video controls poster="/images/mark.gif">
             <source src="movie.mp4" type="video/mp4">
             <source src="movie.ogg" type="video/ogg">
             Your browser does not support the video tag.
          </video> 

          7) Download

          download 屬性規定被下載的超鏈接目標。

          在 <a> 標簽中必須設置 href 屬性。

          該屬性也可以設置一個值來規定下載文件的名稱。所允許的值沒有限制,瀏覽器將自動檢測正確的文件擴展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。


          主站蜘蛛池模板: 无码中文字幕人妻在线一区二区三区 | 国产精品日本一区二区不卡视频 | 亚洲国产精品无码久久一区二区| 日韩精品一区二区三区色欲AV | 3d动漫精品啪啪一区二区中| 日韩一本之道一区中文字幕| 国产成人一区二区精品非洲| 日韩中文字幕一区| 久久国产精品亚洲一区二区| 久久毛片免费看一区二区三区| 精品在线一区二区三区| 精品人妻无码一区二区色欲产成人| 久久中文字幕一区二区| 日本一区午夜艳熟免费| 亚洲色欲一区二区三区在线观看| 视频一区在线播放| 国产精品一区二区三区99| 激情啪啪精品一区二区| 亚洲性日韩精品一区二区三区| 国产伦精品一区二区三区免.费| 国产在线观看精品一区二区三区91| 成人一区专区在线观看| 国产伦理一区二区三区| 一区二区免费电影| 狠狠做深爱婷婷综合一区| 激情综合一区二区三区| 国产熟女一区二区三区四区五区| 99精品久久精品一区二区| 中文字幕乱码一区二区免费| 亚洲爆乳精品无码一区二区三区 | 亚洲天堂一区二区| 精品亚洲AV无码一区二区三区| 亚洲视频在线一区二区三区| 亚洲乱码一区二区三区国产精品| 国精产品999一区二区三区有限 | 无码人妻精品一区二区三区久久| 国产乱码精品一区二区三区麻豆| 中文字幕AV一区二区三区| 亚州日本乱码一区二区三区| 蜜桃无码AV一区二区| 福利一区二区三区视频在线观看|