如果文章對你有幫助，請點贊並關注，這將是我最大的動力。
通過百度的源代碼爲例，來介紹html的基礎佈局
1.百度首頁源代碼
2.依次介紹html的基礎佈局
從頭開始依次介紹
2.1.<!DOCTYPE html>
2.1.1.用處
html的頭文件，因爲html有很多版本，瀏覽器只有知道html的確切版本，才能正確的顯示出html頁面信息。因此這就是頭文件的作用，用來聲音html的版本
2.1.2.用法規範
它必須是html文檔的第一行，位於<html>標籤之前，並且值得注意的是，它不是一個標籤
ps：這裏<!DOCTYPE html>是html5的聲明
2.2.<html>
所有的html文件都必須包含在html文件當中，如果把一個人比作一個html，那這個人的一切(<head>、<body>)，都必須包含在<html>當中
2.3.<head>
2.3.1用處
<head>是html文檔的頭部信息，它用來描述html的各種屬性和信息，例如編碼格式，標題，或者文字顯示形式，通常這部分信息不會作爲內容真正給讀者顯示
2.3.2用法規範
應該把 <head> 標籤放在文檔的開始處，緊跟在<html> 後面，並處於<body> 標籤或 <frameset>標籤之前。
2.3.3.head內部的常用標籤
1)<meta charset="UTF-8">
用來規範html的編碼格式
2)<title>
定義文檔的標題
3)<style>
作爲內部css的使用
2.4.<body>
2.4.1用處
作爲html的身體，或者說主體，body 元素包含文檔了所有內容（比如文本、超鏈接、圖像、表格和列表等等）。簡單來說，所有想讓用戶看到的信息，都必須包括在body裏。
2.4.2常用標籤
1)<hn>
n可以從1-6（從大到小），是html文檔內部的標題
2)<p>
定義文檔的段落
3)<a>
定義文檔的鏈接
4)<img>
定義文檔的圖片
5)<script>
script 標籤用於定義客戶端腳本，比如 JavaScript。之所以放在body內部的下面，是因爲頁面加載是自上而下的，而script標籤需要用到body內部的信息，如果放置head裏，會發生不必要的錯誤。