HTML用於搭建基礎頁面，展示頁面內容，一般和CSS以及JS搭配使用
HTML標籤分類
1、圍堵標籤
顧名思義，就是開始和結束標籤，例如< html> < /html>，內容放在標籤中
2、自閉合標籤
開始標籤和結束標籤在一起。例如換行標籤< br/>、超鏈接標籤< a>等
標籤不區分大小寫，建議小寫
無論是哪種標籤，都可以在開始標籤中定義屬性，屬性是由鍵值對組成，其中值需要由引(單/雙)號引起來
< html>
<head>
<title>title</title>
</head>
<body>
<FONT color='red'>Hello World</font><br/>
<font color='green'>Hello World</font>
</body>
< /html>
-
文件標籤
html：文檔的根標籤
head：頭標籤，用於指定html文檔的一些屬性，引入外部資源，如CSS、JS文件等
title：標題標籤
body：體標籤，html代碼寫在body標籤中
以上均爲圍堵標籤 -
文本標籤
h1~h6:標題標籤，從h1到h6字體大小遞減 -->圍堵標籤
p:段落標籤：被該標籤包裹的文本會換行兩次 -->圍堵標籤
br：換行標籤
hr：展示一條水平線
該標籤有一些屬性：color、width、height、align(對齊方式)來設置水平線的樣式
b:字體加粗標籤
i：字體斜體標籤
以上四個均爲自閉合標籤
font：字體標籤
該標籤屬性：color、size、face(字體)來改變字體
center：文本居中標籤
- 圖片標籤
img:圖片標籤，是一個自閉合標籤，其中有src屬性，可以指定展示圖片的路徑
相對路徑：
其中如果html文件和圖片所在文件夾目錄是同一級目錄，那麼**./+圖片所在文件夾目錄/圖片**
如果圖片所在文件夾目錄是html文件上一級目錄，那麼就用**…/**
- 列表標籤
ol：/li：有序列表
type屬性：指定序號的樣式
ul：/li：無序列表
無序列表的type屬性有三種：
- disc：原點
- square：正方形點
- circle：圓圈
- 鏈接標籤
a：定義一個超鏈接
屬性：
-
href
指定訪問資源的URL()統一資源定位符)，可以是網址 -
target
指定打開資源的方式，有兩種方式-
_selt:在當前頁面打開
-
_blank：在新空白頁面打開
-
-
和CSS以及JS搭配的標籤
div標籤和span標籤，兩者的區別是div自帶換行，而span沒有換行功能 -
表格標籤
table:定義表格，table的開始標籤可以指定一些屬性- width：表格寬度
- border：邊框
- cellpadding：定義內容和單元格的距離
- cellspacing：定義單元格之間的距離。如果指定爲0，則單元格的線會合爲一條
- bgcolor：背景色
- align：對齊方式
tr：標籤，定義行標籤
td標籤：定義單元格標籤
th標籤：定義表頭單元格標籤
![在這裏插入圖片描述]()
![在這裏插入圖片描述]()
-
表單標籤
注意：表單中的數據要想被提交，必須指定其name屬性表單：用於採集用戶輸入的數據，用於和服務器進行交互
form：用於定義表單的，可以定義一個範圍，範圍代表採集用戶數據的範圍
form標籤有以下屬性- action：指定提交數據的URL路徑
- method：指定提交方式，有兩種比較常用，分別是post和get
form只是制定了收集用戶數據的範圍，並沒有指定提交形式(輸入框、按鈕、下拉列表…)
因此就會用到表單項標籤
表單項標籤主要有三種：input標籤、select標籤、textarea標籤 -
input標籤
![在這裏插入圖片描述]()
![在這裏插入圖片描述]()
展示效果
![在這裏插入圖片描述]()
-
select標籤
子元素：option，指定列表項
![在這裏插入圖片描述]()
展示效果
![在這裏插入圖片描述]()
-
文本域標籤
主要有兩個屬性：
cols：指定列數，每一行有多少個字符
rows：默認多少行。
