節(jié)是指每層嵌套的標(biāo)簽節(jié)點(diǎn)
1.html的基本語(yǔ)法
1.1 html語(yǔ)言:
HTML是“HyperText Mark-up Language(超文本標(biāo)記語(yǔ)言)”的縮寫。表示網(wǎng)頁(yè)信息的符號(hào)標(biāo)記語(yǔ)言。
可以設(shè)置文本的格式,如標(biāo)題,字號(hào)文本顏色,段落等。也可以創(chuàng)建列表,插入圖像和媒體,建立表格,建立超鏈接,實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。
1.2 html的標(biāo)簽和屬性:
標(biāo)簽的語(yǔ)法格式:所有標(biāo)簽都是由一對(duì)尖括號(hào)和標(biāo)簽名構(gòu)成,并分為開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽。屬性用于控制內(nèi)容如何顯示。
<標(biāo)簽名稱 屬性=“屬性值” 屬性=“屬性值” ......>...</標(biāo)簽名稱>
1
1
1.3 文檔注釋:
<!--要注釋的內(nèi)容-->
1
1
1.4代碼格式:
空格鍵和回車鍵在網(wǎng)頁(yè)中不起任何作用,只是為了讓代碼清晰可讀,縮進(jìn)時(shí)以tab進(jìn)行縮進(jìn)。
2.html的基本結(jié)構(gòu)
2.1 基本結(jié)構(gòu):
整個(gè)html文件可以分為兩層,一層是外層,由<html>和</html>標(biāo)簽對(duì)來(lái)標(biāo)識(shí);另外一層是內(nèi)層,用于實(shí)現(xiàn)html文件的具體功能。根據(jù)實(shí)現(xiàn)功能的不同,又可以將內(nèi)層細(xì)分為兩個(gè)區(qū)域,即頭部區(qū)域和主體區(qū)域。<head></head>標(biāo)簽和<body></body>標(biāo)簽。
它的基本結(jié)構(gòu)如下:
在這里插入圖片描述
2.2 頁(yè)面的頭部標(biāo)簽:
頁(yè)面的頭部標(biāo)簽是指由<head></head>標(biāo)簽所包含的部分,主要用于設(shè)置當(dāng)前網(wǎng)頁(yè)的頁(yè)面標(biāo)題,字符集,關(guān)鍵字,描述信息等內(nèi)容,一般頭部的內(nèi)容都不會(huì)在網(wǎng)頁(yè)上直接顯示。
常用的頭部標(biāo)簽:<title>,<meta>
<title>標(biāo)題內(nèi)容</title>,顯示在瀏覽器窗口的左上邊。
在這里插入圖片描述
2.3 頁(yè)面的主體標(biāo)簽:
<body>標(biāo)簽封裝了頁(yè)面的主體內(nèi)容,使用<body>標(biāo)簽,還可以設(shè)置頁(yè)面背景,頁(yè)面文字顏色,頁(yè)邊距等頁(yè)面屬性。
2.3.1 設(shè)置網(wǎng)頁(yè)正文顏色和背景顏色:
基本語(yǔ)法:<body bgcolor="顏色值" text="顏色值">
![在這里插入圖片描述](https://img-blog.csdnimg.cn/20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70結(jié)果:
2.3.2 添加網(wǎng)頁(yè)背景圖片:
基本語(yǔ)法:<body background="背景圖片的URL" >
2.3.3 設(shè)置網(wǎng)頁(yè)鏈接文字顏色:
基本語(yǔ)法:<body link="顏色值" vlink="顏色值" alink="顏色值">
在這里插入圖片描述
2.3.4 設(shè)置網(wǎng)頁(yè)邊距:
基本語(yǔ)法:
<body leftmargin="邊距值" rightmargin
網(wǎng)頁(yè)標(biāo)簽不能隨便設(shè)置,常見(jiàn)的網(wǎng)頁(yè)標(biāo)簽有:
<html> </html>這是一對(duì)超文本開(kāi)始與結(jié)束標(biāo)簽<head></head>是一對(duì)頭部聲明標(biāo)簽,如標(biāo)題標(biāo)簽、JS鏈接、CSS鏈接都是放入此對(duì)標(biāo)簽內(nèi)<title></title>是標(biāo)題標(biāo)簽,此標(biāo)簽內(nèi)內(nèi)容是在瀏覽器最左上角標(biāo)題顯示,在內(nèi)容不會(huì)顯示,同時(shí)一個(gè)網(wǎng)頁(yè)里具有唯一性(使用一次并且放入head標(biāo)簽內(nèi))<body></body>是一定內(nèi)容標(biāo)簽,即要顯示內(nèi)容都放入此標(biāo)簽內(nèi)。<div> 網(wǎng)頁(yè)標(biāo)簽不能隨便命名,常見(jiàn)的網(wǎng)頁(yè)標(biāo)簽有,</div> div標(biāo)簽也是div css所說(shuō)的div標(biāo)簽。<p></p> 是一對(duì)段落標(biāo)簽<br />換行標(biāo)簽- p與br區(qū)別<font>字體聲明標(biāo)簽,可在此標(biāo)簽內(nèi)設(shè)置文字的CSS樣式<span>此標(biāo)簽與div標(biāo)簽相似<b></b>和<strong></strong>都是加粗標(biāo)簽代表css樣式中font-weight相當(dāng)于css文字加入。