黑馬程序員pink老師前端入門教程,零基礎(chǔ)必看的h5(html5)+css3+移

<html></html>-----HTML標(biāo)簽,
<head></head>----文檔的頭部
<titile></titile>----文檔的標(biāo)題
<body></body>----文檔的主體
<!DOCTYPE html>文檔類型聲明標(biāo)簽
en定義語言為英語
zh-CN定義語言為中文(en就是英文網(wǎng)頁zh-cn就是中文網(wǎng)頁)
GB2312簡(jiǎn)體中文 ,
BIG5繁體中文,
GBK包含簡(jiǎn)體中文和繁體中文,
UTF-8萬國(guó)碼,
標(biāo)題標(biāo)簽:<h1>-<h6>(重要)
<h1></h1>:一級(jí)標(biāo)簽, 作為標(biāo)題使用
特點(diǎn):
1.加了標(biāo)題的文字會(huì)加粗,字號(hào)也會(huì)依次變大
2.一個(gè)標(biāo)題獨(dú)占一行。
<p></p>段落標(biāo)簽
特點(diǎn):
1.文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。
2.段落和段落之間保有空隙
換行標(biāo)簽<br/>
特點(diǎn):
1.是單個(gè)標(biāo)簽
2.只是簡(jiǎn)單地開始新的一行,跟段落不一樣,段落之間會(huì)插入一些垂直的間距。
加粗標(biāo)簽
<strong></strong>
<b></b>
傾斜標(biāo)簽
<em></em>
<i></i>
刪除線
<del></del>
<s></s>
下劃線
<ins></ins>
<u></u>
<div>和<span>標(biāo)簽
<div>和<span>是沒有語意的它們就是一個(gè)盒子,用來裝內(nèi)容的。
特點(diǎn):
1.<div>標(biāo)簽用來布局,但是現(xiàn)在一行只能放一個(gè)<div>。大盒子
<span>標(biāo)簽用來布局,一行上可以多個(gè)<span>。小盒子
圖像標(biāo)簽
<img>標(biāo)簽用于定義頁面中的圖像
<img src="圖片名稱.后綴名"/>
alt 替換文本 圖像顯示不出來的時(shí)候用文字替換
title提示文本,鼠標(biāo)放到圖像上提示的文字
<img src=“圖片名稱.后綴名” alt=“提示文本” title = “替換文本”/>
圖像標(biāo)簽
src 圖片路徑---必須屬性
alt 文本???---替換文本,圖像不能顯示的文字
title 文本 ---提示文本,鼠標(biāo)放在圖片上,顯示的文字
width 像素---設(shè)置圖像的寬度
height像素---設(shè)置圖像的高度
border像素---設(shè)置圖像的邊框粗細(xì)
同一級(jí)路徑,???,圖像文件位于HTML文件同一級(jí) 如<img src="baidu.gif"/>
下一級(jí)路徑,/ ,圖像文件位于HTML文件下一級(jí)?如<img src="images/baidu.gif"/>
上一級(jí)路徑../ ,圖像文件位于HTML文件上一級(jí)?如<img src="../baidu.gif"/>
絕對(duì)路徑
超鏈接標(biāo)簽
1.超鏈接的語法格式:<a href="跳轉(zhuǎn)目標(biāo)"target="目標(biāo)窗口的彈出方式">文本或圖像</a>
href 用于指定鏈接目標(biāo)的url地址,(必須屬性)
target 用于指定鏈接頁面的打開方式,其中_self為默認(rèn)值,_blank為在新窗口中打開的方式