10、HTML的基本结构
生活随笔
收集整理的這篇文章主要介紹了
10、HTML的基本结构
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在學習 HTML 的基本結構之前,我們先來看一段簡單的代碼:
<!DOCTYPE html> <html> <head><title>Document</title> </head> <body> </body> </html>這些由<(左尖角號)、內容以及>(右尖角號)組成的叫做標簽(tag),三者缺一不可。在 HTML 中,使用<>包圍標簽的目的是方便將它們與普通文本進行區分。
上述代碼描述的是 HTML 的基本結構,主要使用了
<!DOCTYPE>、<html>、<head>、<title> 、 <body> 等標簽。我們來分別看一下:
- <!DOCTYPE> 是 Document Type Declaration 的簡稱,用來聲明文檔,也就是告知 web
瀏覽器當前頁面使用了哪種 HTML 版本編寫代碼,此處使用的是 HTML 5 的版本。聲明文檔必不可少,而且必須位于 HTML文檔的第一行; - <html> 表示頁面編寫的代碼都是 HTML 代碼。它是成對出現的標簽,直到 結束。除了聲明文檔外的所有代碼都必須寫在 <html></html> 中間;
- <head> 表示頁面的"頭部",頁面的 title(標題)一般寫在 <head></head> 中間;
- <title> 表示頁面的標題;
- <body> 表示頁面的"身體",頁面中的絕大部分內容都可以寫在 <body></body> 之間。
HTML 中的標簽根據閉合狀態可以分為 2 種,單閉合標簽和自閉和標簽。接下來看一下它們之間的區別。
1. 單閉合標簽
HTML 基本結構中的 <html></html>、<head></head>、<title></title> 以及 <body></body> 標簽都屬于單閉合標簽。其中 <html>、<head>、<title> 以及<body>標簽叫做起始標簽,</html>、</head>、</title> 以及 </body> 標簽叫做結束標簽。由此我們可以看出,單閉合標簽是指起始標簽和結束標簽同時存在的標簽。
2. 自閉和標簽
自閉和標簽與單閉合標簽的區別在于,它的結束標簽可以使用/(結尾斜線)替代,直接寫在起始標簽的尾部。例如圖像標簽 <img> 可以寫成 <img />,換行標簽 <br> 可以寫成 <br />。
總結
以上是生活随笔為你收集整理的10、HTML的基本结构的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 8、HTML <table>标签(表格)
- 下一篇: 11、HTML <head>标签