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