節是指每層嵌套的標簽節點
1.html的基本語法
1.1 html語言：
HTML是“HyperText Mark-up Language（超文本標記語言）”的縮寫。表示網頁信息的符號標記語言。
可以設置文本的格式，如標題，字號文本顏色，段落等。也可以創建列表，插入圖像和媒體，建立表格，建立超鏈接，實現頁面跳轉。
1.2 html的標簽和屬性：
標簽的語法格式：所有標簽都是由一對尖括號和標簽名構成，并分為開始標簽和結束標簽。屬性用于控制內容如何顯示。
<標簽名稱 屬性=“屬性值” 屬性=“屬性值” ......>...</標簽名稱>
1
1
1.3 文檔注釋：
<!--要注釋的內容-->
1
1
1.4代碼格式：
空格鍵和回車鍵在網頁中不起任何作用，只是為了讓代碼清晰可讀，縮進時以tab進行縮進。
2.html的基本結構
2.1 基本結構：
整個html文件可以分為兩層，一層是外層，由<html>和</html>標簽對來標識；另外一層是內層，用于實現html文件的具體功能。根據實現功能的不同，又可以將內層細分為兩個區域，即頭部區域和主體區域。<head></head>標簽和<body></body>標簽。
它的基本結構如下：
在這里插入圖片描述
2.2 頁面的頭部標簽：
頁面的頭部標簽是指由<head></head>標簽所包含的部分，主要用于設置當前網頁的頁面標題，字符集，關鍵字，描述信息等內容，一般頭部的內容都不會在網頁上直接顯示。
常用的頭部標簽：<title>,<meta>
<title>標題內容</title>,顯示在瀏覽器窗口的左上邊。
在這里插入圖片描述
2.3 頁面的主體標簽：
<body>標簽封裝了頁面的主體內容，使用<body>標簽，還可以設置頁面背景，頁面文字顏色，頁邊距等頁面屬性。
2.3.1 設置網頁正文顏色和背景顏色：
基本語法：<body bgcolor="顏色值" text="顏色值">
![在這里插入圖片描述](https://img-blog.csdnimg.cn/20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70結果：
2.3.2 添加網頁背景圖片：
基本語法：<body background="背景圖片的URL" >
2.3.3 設置網頁鏈接文字顏色：
基本語法：<body link="顏色值" vlink="顏色值" alink="顏色值">
在這里插入圖片描述
2.3.4 設置網頁邊距：
基本語法：
<body leftmargin="邊距值" rightmargin
網頁標簽不能隨便設置，常見的網頁標簽有：
<html> </html>這是一對超文本開始與結束標簽<head></head>是一對頭部聲明標簽，如標題標簽、JS鏈接、CSS鏈接都是放入此對標簽內<title></title>是標題標簽，此標簽內內容是在瀏覽器最左上角標題顯示，在內容不會顯示，同時一個網頁里具有唯一性（使用一次并且放入head標簽內）<body></body>是一定內容標簽，即要顯示內容都放入此標簽內。<div> 網頁標簽不能隨便命名，常見的網頁標簽有，</div> div標簽也是div css所說的div標簽。<p></p> 是一對段落標簽<br />換行標簽- p與br區別<font>字體聲明標簽，可在此標簽內設置文字的CSS樣式<span>此標簽與div標簽相似<b></b>和<strong></strong>都是加粗標簽代表css樣式中font-weight相當于css文字加入。