html:(4):认识html文件基本结构和认识head标签
認(rèn)識(shí)html文件基本結(jié)構(gòu)
這一節(jié)中我們來(lái)學(xué)習(xí)html文件的結(jié)構(gòu)：一個(gè)HTML文件是有自己固定的結(jié)構(gòu)的。
<html><head>...</head><body>...</body> </html>代碼講解：
1.?<html></html>稱(chēng)為根標(biāo)簽，所有的網(wǎng)頁(yè)標(biāo)簽都在<html></html>中。
2.?<head> 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標(biāo)簽，頭部標(biāo)簽在下一小節(jié)中會(huì)有詳細(xì)介紹。
3. 在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁(yè)的主要內(nèi)容，如<h1>、<p>、<a>、<img>等網(wǎng)頁(yè)內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來(lái)。
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>認(rèn)識(shí)html文件基本結(jié)構(gòu)</title></head><body><h1>在本小節(jié)中，你將學(xué)會(huì)認(rèn)識(shí)html文件基本結(jié)構(gòu)</h1></body> </html>運(yùn)行結(jié)果
認(rèn)識(shí)head標(biāo)簽
的文字內(nèi)容是網(wǎng)頁(yè)的標(biāo)題信息，它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁(yè)的title標(biāo)簽用于告訴用戶(hù)和搜索引擎這個(gè)網(wǎng)頁(yè)的主要內(nèi)容是什么，搜索引擎可以通過(guò)網(wǎng)頁(yè)標(biāo)題，迅速的判斷出網(wǎng)頁(yè)的主題。每個(gè)網(wǎng)頁(yè)的內(nèi)容都是不同的，每個(gè)網(wǎng)頁(yè)都應(yīng)該有一個(gè)獨(dú)一無(wú)二的title。
例如：
<head><title>hello world</title> </head><title>標(biāo)簽的內(nèi)容“hello world”會(huì)在瀏覽器中的標(biāo)題欄上顯示出來(lái)，如下圖所示：
?
<head>標(biāo)簽中的其它標(biāo)簽內(nèi)容的講解，會(huì)在以后的章節(jié)中為大家一一講解。
任務(wù)
我來(lái)試試：是否了解head標(biāo)簽
右部編輯器中有一個(gè)網(wǎng)頁(yè)的代碼，但第3行和第6行缺少代碼，請(qǐng)補(bǔ)充。
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>認(rèn)識(shí)head標(biāo)簽</title></head><body><h1>歡迎來(lái)到歌謠的學(xué)習(xí)</h1></body> </html>運(yùn)行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的html:(4):认识html文件基本结构和认识head标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Java5国际认证SCJP试题精解,Ja
- 下一篇： csv文件 内容转义_CSV文件如何同时