html的基本格式

tml由element組成。element分兩種，正常element和空element。

正常element

<p class=“wd”>world</p>

element由tag和content構成

<ul>
<li>first</li>
<li>second</li>
</ul>

沒有content和結束tag的element。比如

<div>
<h1>title</h1>
<p>p1</p>
<p>p<strong>2</strong ></p>
</div>

div和h1，div和p，p和strong是父子關系。

div和strong是祖孫關系。

h1和p是兄弟關系。

言：

本人最近打算開始學習web開發了，每天寫一點筆記，如果需要的話可以留個參考，如果沒有人需要，我就當自己記筆記了，如果哪里有問題歡迎各位高手評論區留言指點，感謝。

筆記正文：

書寫文本有文本格式，編寫網頁的時候，html 也有自己的基本結構或基本格式，它是這樣的：↓

大標簽包含小標簽，小標簽內對應不同的內容，而這些標簽的分級結構就是父、子關系，并且層級之間是靠縮進來區分，越靠外的為父。

天我們來學習HTML基本格式。

H1 標簽定義了一個文檔的標題，雖然在瀏覽器里顯示了預期的效果，但它并不是一個符合規范的 html 文檔，今天我們就來定義一個標準的 html 文檔。

這是一個 html 文檔的基本格式，來深入的剖析一下

<!DOCTYPE html> 這個標簽會告訴瀏覽器，后面書寫的是HTML5規范的語法，瀏覽器會按照 HTML5 的語法規范進行解析

<html lang='en'> 包裹了整個頁面的所有內容，有時被稱為根元素。

<head> 是所有頭部元素的容器，描述了文檔的各種屬性和信息，比如文檔的標題，文檔引用的樣式表和JS腳本文件，頁面元信息等等，絕大多數文檔頭部包含的數據，都不會真正作為內容顯示給瀏覽者。

<title> 設置頁面的標題，也就是出現在瀏覽器標簽中的內容，它描述頁面被加入入書簽或收藏時的標題

<body> 它包含了頁面展示的所有內容，比如文字，圖片，視頻，游戲，可播放的音樂等等

一般情況下一個符合規范的 html 文檔都應該使用這個基本格式

回到編輯器我們創建一個文件名字叫 base.html 我們快速的編寫好 html 基本格式，在 <body> 標簽里寫一個 h1 在里面寫一些內容，瀏覽器中打開頁面正常的顯示了，每個頁面都寫這么多東西很麻煩我們有 vscode。

刪除所有內容在頁面里只需一個感嘆號，再按一下 tab 鍵，html 基本格式自動生成了，這時就可以直接在 body 內編寫網頁內容了。

通過觀察基本結構發現標簽前面有的有空格有的沒有空格這是為什么呢實際上當出現標簽嵌套的時候需要保持一個固定的縮進，一般采用兩個或者四個空格具體看個人習慣和開發團隊的規范，為了方便閱讀不推薦混用。有些標簽嵌套在一起，這就是標簽結構嵌套

在一個標簽內再次書寫一個標簽他們之間形成了這樣的包裹關系，別包裹的叫做子標簽，包裹的就是父標簽。

在父子標簽嵌套的時候子標簽整體相對于父標簽多一套縮進，更加方便閱讀。

*請認真填寫需求信息，我們會在24小時內與您取得聯系。