HTML學習筆記 13 24

2021-10-20 22:27:01 字數 2173 閱讀 8331

(十三)網頁中引入

1、網頁中引入需使用img標籤。

3、當路徑不正確無法顯示,可以用alt="文字提示資訊"。

輸入方法:img+tab鍵

4、width height屬性

a、width屬性,設定的寬度。height屬性,設定的高度。

b、如果不設定,會按原始尺寸顯示。

c、如果只設定其中乙個屬性,另乙個會根據已設定的屬性等比例縮放。

語法例項:

(十四)音訊的引入

ie8之前的瀏覽器不支援。

1 、audio標籤在網頁中引入音訊,使用

2、src屬性,指定音訊檔案路徑,必須要有。

controls autoplay 屬性名loop與屬性值一樣,可以只寫屬性名。

6、muted屬性:音訊輸出時靜音。

ie8之前的瀏覽器不支援。

controls autoplay 屬性名loop與屬性值一樣,可以只寫屬性名。

以上同音訊的屬性是一樣的。

它的屬性值就是你需要載入的路徑。這個通常用於廣告。

*width height屬性

c、如果只設定其中乙個屬性,另乙個會根據已設定的屬性等比例縮放。

例:(十六)定義媒質資源

source標籤:用來為video和audio標籤,定義媒介資源。

src屬性:定義資源的路徑。

type屬性用來定義媒介資源的型別。

瀏覽器會自動從上往下找能識別的資源型別。

(十七)標題元素

1、h1—h6標籤可以用來定義標題。

2、標題標籤有強調作用,有確切的語言義,h1—h6按重要性遞減速。

3、h1定義最大的標題,h6定義最小的標題。

4、h1標記在同乙個頁面只能使用一次h1標記。h2—h6可以多次使用。

5、不要利用h標籤來改變文字大小,使用css更方便更美觀。

(十八)段落元素

1、瀏覽器忽略**中的格式,多個空格符、回車符、製表符會解析成乙個空格(非常重要)。

2、p標籤用來標記乙個段落,是常見的乙個標記。

3、p標籤會獨佔一行。

擴充套件知識:

text-align: center; //文字居中顯示

text-indent:2em ; //文字縮排2個字元

(十九)斜體標籤

1、i標籤:單純顯示斜體文字效果。

2、em標籤:顯示斜體文字效果。另有強調作用。

如果僅需要單純的斜體,強調太多,有些重要的語句會被漏掉,不要濫用強調。

(二十)粗體標籤

1、b標籤:單純顯示加粗的文字效果。

2、strong標籤:顯示加粗文字效果。另有強調作用。比em標籤強調作用更強。

如果僅需要單純的粗體,請使用b標籤,不要使用strong標籤,不要濫用強調。

(二十一)換行標籤

換行標籤

: 1、在不另起一段的情況下強制換行。

2、一次

標籤表示換一行,連續多個標籤可以實現多次換行。

3、br標籤不僅對文字可以換行,其它元素也可以用br標籤強制換行。

(二十二)水平分隔線

水平分隔線hr單標籤:

1、在視覺上將文件分隔成幾個部分,使得文件結檔清晰,層次分明。

2、hr標籤可以在網頁上畫出一條水平分隔線。

3、hr標籤的所有屬性都不贊成使用,不要試圖使用屬性改變標籤的樣式。

4、 應該使用css來修改hr標籤的樣式。

(二十三)span標籤與字元實體。

span標籤:

1、沒有任何樣式,是為了給文字增加額外的結構。

2、使用css給span元素中的內容新增豐富的樣式。

3、span標籤是使用最多的文字標籤。

字元實體:

html中預留字元必須替換成字元實體,才能被瀏覽器正常識別。

常風的字元實體:

小於號:<

大於號:>

空格: 

(二十四)其它的文體標籤

ins標籤:定義下劃線;

del標籤:定義刪除線;

sup標籤:定議上標文體,高度為當前文字的一半;

sub標籤:定議下標文體,高度為當前文字的一半;

mark標籤:為文字新增黃色背景,突出顯示文字。

以上標籤僅作了解,基本不用。css可以很好實行相應的功能。

HTML學習筆記

2004 9 9 星期四 陰 hello world 整個頁面分成三部分 1 一行包括html版本資訊的內容 2 報頭申明區域 3 頁面主要部分,包括頁面的實際內容。2.基本的html標記 答 1 headings 標題 2 paragraphs 段落 this is a paragraph 3 l...

HTML學習筆記

html 是一種超文字標記語言,它是由標籤組成的。html 中的資料都封裝在標籤中,通過對標籤中的屬性值的改變來實現對封裝內資料進行操作。html規範格式 首先要確定html 的 範圍 在該範圍中可以定義兩個部分,乙個是頭乙個是體。這中間寫網頁顯示的資料 標籤對資料進行封裝那麼就有開始標籤和結束標籤...

學習html筆記

簡介 基礎 1 html鏈結是通過標籤 來定義的.這是乙個鏈結 href是屬性 2 html 影象是通過標籤 屬性 html 元素可以設定 屬性 屬性可以在元素中新增 附加資訊about an element 屬性一般描述於 開始標籤 屬性總是以名稱 值對的形式出現,比如 name value th...