性是 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, 等等)。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。