HTML基礎標籤彙總
阿新 • • 發佈：2022-03-22
一、HTML 文件結構
1.基本結構標籤
- HTML文件的字尾名必須是.html或.htm，瀏覽器的作用是讀取HTML文件，並以網頁的形式顯示出它們
- HTML 標籤通常是成對出現的，例如<body>和</body> ，我們稱為雙標籤。標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
- 有些特殊的標籤必須是單個標籤（極少情況），例如<br>，我們稱為單標籤
2.文件型別宣告標籤
<!DOCTYPE>文件型別宣告，作用就是告訴瀏覽器使用哪種HTML版本來顯示網頁。
-
<!DOCTYPE>宣告位於文件中的最前面的位置，處於<html>標籤之前 -
<!DOCTYPE>不是一個 HTML 標籤，它就是文件型別宣告標籤
3.lang語言種類
用於定義當前文件顯示的語言
-
en定義語言為英語 -
zh-CN定義語言為中文
4.字符集
在<head>標籤內，可以通過<meta>標籤的 charset 屬性來規定 HTML 文件應該使用哪種字元編碼
- charset 常用的值有：：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被稱為萬國碼，基本包含了全世界所有國家需要用到的字元
二、標籤
1.標題標籤
- 加了標題的文字會加粗，字號也會依次變大
- 一個標題獨佔一行
2.段落標籤
- 可以把HTML文件文件分割為若干段落
- 文字在一個段落這種會根據瀏覽器視窗的大小進行自動換行
3.換行標籤
- <br /> 是個單標籤
- <br /> 標籤只是簡單的開始新的一行，跟段落不一樣，段落之間會插入一些垂直的間距
4.文字格式化標籤
用於為文字設定粗體、斜體、下劃線等效果
5.盒子標籤
-
<div></div>一行只能放一個 -
<span></span>一行可以放多個
6.影象標籤
-
src是<img>標籤的必須屬性，它用於指定影象檔案的路徑和檔案
7.超連結標籤
8.特殊字元
- 空格、小於號、大於號 這三個符號較為常用
9.表格標籤
-
table用來定義表格的標籤 -
th用來定義表格中的表頭，表頭單元格里面的內容加粗居中顯示 -
tr用來定義表格中的行，必須巢狀在<table></table>標籤中 -
td用來定義表格中的單元格，必須巢狀在<tr></tr>標籤中
10.列表標籤
11.表單標籤
一個完整的表單通常由表單域，表單控制元件（表單元素）和提示資訊3部分組成
1. 表單域
- 表單域是一個包含表單元素的區域
-
<form></from>標籤用於定義表單域，會把它範圍內的表單元素資訊提交給伺服器
2.表單元素
①input輸入表單元素input是個單標籤，type 屬性設定不同的屬性用來指定不同的控制元件型別(文字欄位、複選框、單選按鈕、按鈕等)
<input> 標籤的一些其他常用屬性
-
name和value是每個表單元素都有的屬性值，主要給後端人員使用 -
name是表單元素的名字，要求單選框和複選框要有相同的name值 -
checked屬性主要針對於單選框和複選框，主要作用是一開啟頁面，就可以預設選中某個表單元素
②文字框與密碼框
-
type屬性設定為text是文字框 -
type屬性設定為password是密碼框
③單選框和複選框
-
type屬性設定為radio是單選框 -
type屬性設定為checkbox是複選框 -
name是表單元素的名字，要求 單選框和複選框要有相同的name值
④button和檔案域
-
type屬性設定為button：是一個按鈕 -
type屬性設定為file：是一個檔案域，可以上傳檔案
⑤label
-
label標籤用於繫結一個表單元素，當點選<lable>標籤內的文字時，瀏覽器就會自動將焦點(游標)轉到表單元素上，用來增加使用者體驗 -
label標籤的for屬性 應當與相關元素的id屬性相同
3.select下拉表單元素
-
<select>中至少包含一對<option> - 在
<option>中定義 selected=“selected” 時，當前項即為預設選中項
4.textarea文字域元素
用於定義多行文字輸入的控制元件
原文連結：https://blog.csdn.net/m0_61794291/article/details/123221098