對電子商務(wù)網(wǎng)站與建設(shè)的心得谷歌瀏覽器下載安裝2022最新版
這篇文章我們從0來介紹一下HTML的相關(guān)標(biāo)簽內(nèi)容
目錄
1.HTML語法規(guī)范
1.1基本語法概述
1.2標(biāo)簽關(guān)系
2.HTML的基本結(jié)構(gòu)標(biāo)簽
2.1第一個HTML網(wǎng)頁
2.2基本結(jié)構(gòu)標(biāo)簽總結(jié)
1.HTML語法規(guī)范
下面,我們來看一下HTML的語法規(guī)范的內(nèi)容
1.1基本語法概述
首先,我們來看一下HTML的基本語法:
- HTML標(biāo)簽是由尖括號包圍的關(guān)鍵詞,例如?<html>
- HTML標(biāo)簽通常是成對出現(xiàn)的,例如 <html> 和 </html>,我們稱為雙標(biāo)簽。標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽,第二個標(biāo)簽是結(jié)束標(biāo)簽
- 有些特殊的標(biāo)簽必須是單個標(biāo)簽(極少情況),例如 <br />,我們稱為單標(biāo)簽
1.2標(biāo)簽關(guān)系
雙標(biāo)簽關(guān)系可以分為兩類:包含關(guān)系和并列關(guān)系
包含關(guān)系:
<head><title></title>
</head>
并列關(guān)系:
<head></head>
<body></body>
2.HTML的基本結(jié)構(gòu)標(biāo)簽
下面,我們來講解一下HTML的基本結(jié)構(gòu)標(biāo)簽
2.1第一個HTML網(wǎng)頁
每一個網(wǎng)頁都會有一個基本結(jié)構(gòu)標(biāo)簽(也稱為骨架標(biāo)簽),頁面內(nèi)容也是在這些基本標(biāo)簽上書寫的。
HTML頁面也稱為HTML文檔
下面,我們來看一下HTML頁面的基本結(jié)構(gòu)標(biāo)簽:
<html><head><title>Test01</title></head><body>這是你我相遇的地方</body>
</html>
說明:
1.?最大的標(biāo)簽是<html></html>標(biāo)簽,它把所有的標(biāo)簽都包含在內(nèi),也就是說,不管你寫什么,都要在<html></html>標(biāo)簽內(nèi)部寫,我們也將其稱為 根標(biāo)簽
2.?<head></head>標(biāo)簽,我們稱之為 頭部標(biāo)簽,它控制我們一個網(wǎng)頁的 頭部,如下圖所示:
注意:head標(biāo)簽里面必須設(shè)置title標(biāo)簽
3.?<title></title>標(biāo)簽,我們稱之為標(biāo)題標(biāo)簽,它控制的是我們這個頁面的標(biāo)題,如下圖所示:
4.?<body></body> 標(biāo)簽,我們也稱之為主體標(biāo)簽,因?yàn)樗俏覀兾臋n的主體,里面包含文檔的所有內(nèi)容,也就是說,我們頁面所要展示的內(nèi)容基本都放在body標(biāo)簽里面。如下圖所示:
?下面給個表格,大家來體會一下:
下面,我們具體來寫一下,體會一下:
首先,建個txt文件,寫上如下內(nèi)容:?
其次,將文件后綴名更改為.html
最后,雙擊該文件運(yùn)行:?
經(jīng)過上述例子,我們更能體會到,HTML文檔的后綴名必須是.html或.htm,瀏覽器的作用就是讀取HTML文檔,并以網(wǎng)頁的形式顯示它們。