<1>文檔類型聲明標簽——<!DOCTYPE>
<!DOCTYPE>文檔聲明,作用是告訴瀏覽器使用哪種HTML版本來顯示網頁。
<!DOCTYPE html>
這句代碼的意思是:當前頁面采用的是HTML5版本來顯示網頁。
注意:
-<!DOCTYPE>聲明位于文檔最前面的位置,處于<html>標簽之前。
-<!DOCTYPE>不是一個HTML標簽,它就是文檔類型聲明標簽。
<2>lang語言種類
用來定義當前文檔顯示的語言,如:
<html lang="en">
en定義語言為英語;zh-CN定義語言為中文;fr定義為法語
簡單來說,定義en就是英文網站(也可以顯示中文),定義zh-CN就是中文網站(也可以顯示英文)
<3>字符集
在<head>標簽內,可以通過<meta>標簽的charset屬性來規定HTML文檔應該使用那些字符編碼。
<meta charset="UTF-8">
charset常用的值有:GB2312,BIG5,GBK,UTF-8,其中UTF-8也被稱為萬國碼,基本包含了全世界所有國家需要用到的字符。
<4>HTML常用標簽
4.1標題標簽<h1> - <h6>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>這是一級標題</h1><h2>這是二級標題</h2><h3>這是三級標題</h3><h4>這是四級標題</h4><h5>這是五級標題</h5><h6>這是六級標題</h6>
</body>
</html>
?
特點:
1.加了標題是文字會變的加粗,字號也會依次變大
2.一個標題獨占一行
4.2段落和換行標簽——<p>,<br />
在HTML標簽中,<p>是用于定義段落的標簽
<p> 這是一個段落 </p>
在HTML中,一個段落的文字會從左到右依次排列,直到瀏覽器
窗口的右端,然后才自動換行,如果希望文本強制換行顯示,就需要使用<br />
<br />
案例:體育新聞
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><h1>水花61分伊戈達拉制搶斷 西決勇士再勝開拓者總分2-0</h1><h5>數據統計:水花兄弟合砍61分</h5><p>庫里22投11中,三分14投4中,發球11罰全中得到37分8籃板8助攻,職業生涯季后賽得分30+次數來到35次,超過哈登排名現役第三位僅次于詹姆斯和杜蘭特。</p><p>湯普森22投8中,三分8投3中,罰球4罰全中得到24分5籃板2助攻。伊戈達拉替補出場28分鐘,6投4中,三分2投1中,罰球2罰全中得到11分5籃板3助攻2搶斷。</p><h5>兄弟對決:小庫里給哥哥造成壓力</h5><p>小庫里在首節替補出場,面對哥哥斯蒂芬-庫里的防守,打得游刃有余。他在首節投中2記三分球,幫助開拓者在首節結束時以31-30領先。但小庫里在第二節被換下后,開拓者的進攻陷入停滯。</p><p>小庫里在第二節出場時間僅有3分多鐘,開拓者在這段時間內只得到4分。斯蒂芬-庫里在第二節打出一波8-0的攻擊波,幫助勇士反超比分。小庫里在下半場表現不佳,最終只得到6分。</p></body>
</html>
4.3文本格式化標簽
作用:可以為網頁中的文字設置粗體、斜體或下劃線等效果。
語義 | 標簽 | 說明 |
加粗? ? | <strong></strong>或<b></b> | 更推薦用<strong>標簽加粗,語義更強烈 |
傾斜 | <em></em>或<i></i> | 更推薦使用<em>標簽傾斜,語義更強烈 |
刪除線 | <del></del>或<s></s> | 更推薦使用<del>標簽刪除線,語義更強烈 |
下劃線 | <ins></ins>或<u></u> | 更推薦使用<ins>標簽下劃線,語義更強烈 |
4.4<div>和<span>標簽
<div>和<span>是沒有語義的,它們就是一個盒子,用來裝內容的。
div是division的縮寫,表示分割、分區。span表示跨度、跨距。
特點:
1、<div>標簽用來布局,但是現在一行只能放一個<div>,相當于一個大盒子。
2、<span>標簽用來布局,一行可以多個<span>,相當于一個小盒子。