html入門之屬性

2021-10-24 20:40:32 字數 1815 閱讀 7254

目標:

1,屬性

1,屬性

**什麼是屬性?** 

生活中對乙個物品名詞或者形容詞的描述,統稱為屬性,比如說水杯,圓柱體的,黑色的,玻璃材質的等等都是對它的描述。

那麼在html中,可以把標籤看做是乙個物體,它也有自己名詞或者形容的描述,統稱為屬性。

語法:

《標籤名 屬性名1 = 「值1」   屬性名2 = 「值2」> 內容、 【注:】多個屬性用空格隔開

例如:描述:的名字是1.jpg 寬度是100px 高度是100px;

語法 :

例如:

當1沒有的情況下,展現如下圖:

當沒有問題的情況下,展現如下圖:

#2,對齊方式align = "left/center/right"設定塊標籤裡的文字內容對齊方式

left:左對齊,預設值

center:中對齊

right:右對齊

例如:

我是左對齊

我是中對齊

我是右對齊

上述屬性是有侷限性的,不是所有的標籤都識別。---------------------分割線---------------------------------------------

通用屬性:【所有的標籤都識別】

#1,title=「提示資訊」 滑鼠放上去出現,起提示作用。

例如:

【ps】一般用作標題顯示不全

#2,id=「名字」 id類似與我們的身份證號,每個id名都是唯一的。

這裡設定id是給標籤新增標識,方便查詢,在瀏覽器實際顯示中不會有什麼變化。

例如:

我是一段話

#3,類class = "class名"class是給標籤分類用的,類名可以有多個,以空格隔開。類似於我們貼標籤,比如乙個班的同學有男生和女生,女生也可以是長頭髮,短頭髮,男生也可以長頭髮短頭髮。

我們可以把乙個標籤看做是班裡的某乙個同學,長頭髮,男生,那麼我們可以像如下這麼寫:

class和id需要起名字,這個時候我們注意一下命名規範

##1,命名規範

1,以數字,字母,下劃線(_)組成,不能以數字開頭

2,採用大駝峰,小駝峰,下劃線命名法之一;

以file name(檔案名字)舉例:

大駝峰命名:每個單詞首字母大寫

filename

小駝峰命名:從第二個單詞首字母大寫

filename

下劃線命名法:每個單詞以下劃線連線

file_name

3,避免使用aa,bb命名,起的名字最好見名知意,英語不好,我們可以用拼音。

##2,alt和title有什麼區別?ok,今天的內容到這裡就結束了,希望和大家互相交流學習,再見。

html之快速入門

目標 1,什麼是html?2,html常用標籤 3,文字類標籤 特殊符號 1,什麼是html?1,英文名字 hypertext markup language 中文名字 超文字標記語言 標記 使用帶尖括號 的標記,將網頁中的內容逐一標識出來 這個帶簡括的標記也叫做標籤。2,用來設計網頁的一門標記語言...

html之全域性屬性

全域性屬性 可以對任何元素都使用的屬性。contenteditable 允許元素進行編輯,boolean 具有繼承性 designmode hidden boolean banana orange spellcheck 針對input元素與textera提供的新屬性,對使用者輸入文字框進行語法檢查 ...

HTML之meta屬性大全

用於定義頁面元資訊,定義元資訊就是制定一些name value對。可以制定如下三個屬性。1.http equiv 指定元資訊的名稱,該屬性指定的名稱具有特殊意義,它可以向瀏覽器回傳一些有用的資訊,幫助瀏覽器正確地處理網頁內容。2.name 指定元資訊的名稱,該名稱值可以隨意指定。3.content ...