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...