HTML5初學 11課 20課

2021-10-10 11:16:34 字數 1956 閱讀 7205

1、標籤語義:標籤的功能。新增語義後的頁面的結構可以變得更加清晰明了

2、標題標籤

3、段落標籤

1、段落標籤

eg:我是乙個段落標籤

(paragraph段落)

2、html的段落特點:

①在html中,不管有多少個空格/回車/tab相連,在網頁中只會顯示乙個空格,因此需要用段落標籤來分段。

②文字在乙個段落中會根據瀏覽器大小自動換行

③段落分割後,他們之間有較大空隙

3、換行標籤(be指break)

①是乙個單標籤

②放在用於換行的一句話的末尾(類似/n

③與段落不同,上下距離不會增大

1、加粗——或者推薦用前者,語義更明確

2、傾斜——或者推薦用前者,語義更明確

3、刪除線——或者推薦用前者,語義更明確

4、下劃線——或者推薦用前者,語義更明確

1、標籤和標籤是沒有語義的,他們就是乙個盒子,用來裝內容的。

2、常用於用盒子來布局頁面,封裝內容,讓頁面更加區塊化

>

這是一種盒子div

>

>

這也是一種盒子span

>

3、div(division,分割),span(span,跨度)

4、各自特點

標籤用來布局,但是一行只能放乙個標籤,大盒子(獨佔一行)

標籤,一行上可以放多個,只要沒有段落標籤和換行標籤,那麼span標籤預設都在同一行,小盒子

1、影象標籤:單標籤

①語法格式:(image,意為影象)

src標籤的必須屬性,它用於指定影象檔案的路徑和檔名

③反斜槓/表示這是乙個單標籤

④具體使用過程1、必須和html檔案在同乙個資料夾內 2、輸入時src="檔名.字尾名"即可

2、影象標籤的其他屬性:**注:都需要在內容上打引號!**eg:width=「2000」

src——路徑(必須)

alt——文字,替換文字,影象不能顯示的文字

title——文字,提示文字,滑鼠放到影象上,顯示的文字

width——畫素,設定影象的寬度

height——畫素,設定影象的高度

border——畫素,設定影象的邊框粗細

3、注意要點:

①影象標籤有多個屬性,但是特殊屬性都必須寫在src屬性的後邊

②屬性前後沒有順序的,但是命名屬性的**之間必須保留至少乙個空格(不然也不好看不是)

③格式屬性=「屬性值」

1、目錄資料夾——就是乙個普通的資料夾,裡面只不過存放了我們作業面所需要的相關素材,比如html檔案,檔案等(可以在裡面再開幾個資料夾,分別用於存放image,html檔案)

2、根目錄:就是目錄資料夾的第一層(最外面的一層)

3、vscode開啟目錄資料夾:

①ctrl+k/o,或者檔案-開啟資料夾

②此時左側頁面會出現根目錄頁面,可以選擇新建檔案,新建資料夾,刪除等操作

HTML5結課個人主頁

a.html如下 易烊千璽,2000年11月28日出生於湖南省懷化市,中國內地男歌手 演員,tfboys主唱 舞蹈擔當 2005年,易烊千璽首登電視螢屏,開始參演各類綜藝節目,並先後接拍多部影視劇 廣告 mv等 2009年加入 飛炫少年 組合,於2011年退出。2013年1月發行個人首支單曲 夢想摩...

第六課 Html5常用標籤 html5學習1

html標籤的認識 一 標籤的分類 1 雙標籤 如 2 單標籤 如 換行標籤 二 標籤的關係 1 巢狀關係 如2 並列關係 如與兄弟關係 三 排版標籤 1 標題標籤 h1 h6 h1比較重要,一般用作 的logo 2 段落標籤 p 3 水平線標籤 單標籤 4 換行標籤 5 div span 標籤 網...

HTML5校企公益課 第三天

1 上午2d。旋轉變色的。基本思路就是先寫靜態畫面然後新增動畫。html head meta charset utf 8 title 2d動畫 title style 根據id獲取 選擇器 id名,根據class名 class名 classa 轉動的圓 classb 設定動畫 keyframes x...