一、html的概述
html全稱(chēng)超文本標記語(yǔ)言(hyper Text Markup Language)
二、html的基本結構
文檔類(lèi)型與標題
<html></html>告訴瀏覽器html文檔開(kāi)始和結束的地方
<head></head>所有頭部元素的容器,內部必須包含title
<title></title>定義文檔的標題,該標題在瀏覽器標簽頁(yè)顯示
<body></body>定義文檔主體
三、HTML的基本標簽
格式標簽
1、段落標簽:
格式:<p>你要分段的內容</p>
功能:對網(wǎng)頁(yè)上的文字進(jìn)行分段
特點(diǎn):間距比較大
2、換行標簽
格式:你要換行的文字后面直接加標簽:<br/>
注意:它是一個(gè)單標簽
3、居中對齊標簽
格式:<center>你要居中的內容</center>
讓段落或者文字能夠相對于父標簽居中顯示
文本標簽
1、標題標簽: 3、字體加粗/傾斜<strong>表示強調,通常為粗體字</strong> 4、給文字設置下劃線(xiàn)<u>下劃線(xiàn)文字</u> 圖像標簽 網(wǎng)頁(yè)上面我們看到不僅有文字、還有圖片,下面重點(diǎn)講如何向網(wǎng)頁(yè)當中插入圖片! 四、網(wǎng)頁(yè)中的超鏈接 1、基本語(yǔ)法<a href="" target="打開(kāi)方式" name="頁(yè)面錨點(diǎn)名稱(chēng)" >鏈接文字或者圖片</a> name屬性 五、代碼注釋 注釋一段內容時(shí)使用<!--”開(kāi)始,以"-->結束 六、代碼的格式 空格鍵和回車(chē)鍵在網(wǎng)頁(yè)中都不會(huì )起到任何作用,我們?yōu)榱俗尨a清晰易讀,可以使用空格和回車(chē)鍵進(jìn)行編排。 注意:縮進(jìn)時(shí)保持嚴格的規則,以“Tab”鍵進(jìn)行縮進(jìn) 這周你學(xué)習了嗎?快來(lái)提交你的作業(yè)吧 愛(ài)學(xué)習的孩紙 快來(lái)報名我們的計算機培訓班吧! 等你來(lái)哦~ 課程持續更新中.......
格式:<h1>標題</h1>...<h6>標題</h6>
功能:定義網(wǎng)頁(yè)中的文字標題
特點(diǎn):標題標簽獨占一行
2、字體設置標簽:
格式:<font>要設置的文字</font>
功能:修改文字顏色、字體、大小。常用屬性:
<font szie="12px">老王</font>
<font color ="red">字體改為紅色</font>
<font face="微軟雅黑">更改文字字體</font>
<b>字體加粗</b>
<em>表示強調,通常為斜體字</em>
<i>字體傾斜</i>
1、格式如下:<img src="圖片路徑" width="設置圖片寬度" height="設置圖片高度" border="邊框" alt="圖片加載不出來(lái)顯示文字"/>
2、<img/>標簽常見(jiàn)屬性詳解
1.src屬性
作用:指定我們要加載的圖片的路徑和圖片的名稱(chēng)以及圖片格式
2.width屬性
作用:指定圖片的寬度,單位px、em、cm、mm
3.height屬性
作用:指定圖片的高度,單位px、em、cm、mm
4.border屬性
作用:指定圖標的邊框寬度,單位px、em、cm、mm
5.alt屬性
作用1:當網(wǎng)頁(yè)上的圖片被加載完成后,鼠標移動(dòng)到上面去,會(huì )顯示這個(gè)圖片指定的屬性文字
作用2:如果圖像沒(méi)有下載或者加載失敗,會(huì )用文字來(lái)代替圖像顯示
作用3:搜索引擎可以通過(guò)這個(gè)屬性的文字來(lái)抓取圖片
屬性講解
- href屬性:鏈接的地址,鏈接的地址可以是一個(gè)網(wǎng)頁(yè),也可以是一個(gè)視頻、圖片、音樂(lè )等等
- target屬性:
1.作用:定義超鏈接的打開(kāi)方式
2.屬性值:_blank:在一個(gè)新的窗口中打開(kāi)鏈接
_seif(默認值):在當前窗口中打開(kāi)鏈接
_parent:在父窗口中打開(kāi)頁(yè)面(框架中使用較多)
_top:在頂層窗口中打開(kāi)文件(框架中使用較多)
指定頁(yè)面的錨點(diǎn)名稱(chēng)
例如<!--我是這個(gè)網(wǎng)頁(yè)的作者,我的名字叫做問(wèn)一下-->