標題與段落
標題 --> <h1></h1>、<h2></h2>......<h6></h6>css
h1到h6，字體從大到小，加粗；h1標題最重要，而且在一個網頁中只能出現一次html
h五、h6標籤在網頁中不常常使用。 佈局
段落 --> <p></p>字體
文字修飾符標籤
強調 <strong></strong> 加粗 強調性更強spa
<em></em> 斜體 強調性較 strong 弱orm
下標 <sub></sub>htm
上標 <sup></sup>blog
刪除文本 <del></del>圖片
插入文本 <ins></ins>ip
圖片標籤與圖片屬性
<img src="" alt="" title="" width="" height="">
src : 引入圖片的地址
alt : 圖片地址出錯時，顯示一段友好的提示
title : 鼠標停留在圖片上時出現的提示信息
width : 圖片的寬度
height : 圖片的高度
引入文件的地址路徑
相對路徑
. 在路徑中表示當前路徑
.. 在路徑中表示上一級路徑
絕對路徑
F:/img/animal.jpg
https://f11.baidu.com/it/u=3090953925,787614683&fm=72
跳轉連接
<a href="" target=""></a>
href 連接的地址
target 能夠打開連接打開的方式，默認狀況下在當前頁面打開 _self，在新窗口打開 _blank
一個網頁的連接都想讓在一個新窗口打開，應該怎麼辦？
在 head 標籤里加入 <base target="_blank">
跳轉錨點
方式一： <a href="#html">跳到標籤屬性id值爲html的位置</a>
<h2 id="html"></h2>
方式二： <a href="#css">跳到標籤屬性name值爲css的位置</a>
<a name="css"></a>
特殊符號
列表標籤
無序列表
ul li 列表的最外層容器、列表項
注：ul和li必須是組合出現的，他們之間是不能有其餘標籤的
type屬性：改變前面標記的樣式( 通常都是用CSS去控制 ) circle square disc
( https://www.w3school.com.cn/tags/att_ul_type.asp )
有序列表
<ol> 、<li>：列表的最外層容器、列表項
注：有序列表用的很是少，常常用的是無序列表，無序列表能夠去代替有序列表。
type屬性：改變前面標記的樣式( 通常都是用CSS去控制 )
( http://www.w3school.com.cn/tags/att_ol_type.asp )
定義列表
<dl> : 定義列表
<dt> : 定義專業術語或名詞
<dd> : 對名詞進行解釋和描述
嵌套列表
列表之間能夠互相嵌套造成多層級列表。
表格標籤
<table> ： 表格的最外層容器
<tr> ： 定義表格行
<th> : 定義表頭
<td> : 定義表格單元
<caption> : 定義表格標題
注： 之間是有嵌套關係的，要符合嵌套規範。
語義化標籤：<tHead> <tBody> <tFood>
注： 在一個table中，thead 、 tfood 是隻能出一次，tbody 是能夠出現屢次的
表格屬性
border 表格邊框
cellpadding 單元格內的空間
cellspacing 單元格之間的空間
rowspan 合併行
colspan 合併列
align 左右對齊方式
valign 上下對齊方式
表單標籤
<form> : 表單的最外層容器
<input> : 標籤用於蒐集用戶信息，根據不一樣的type屬性值，展現不一樣的控件，如輸入框、密碼框、複選框等。
type屬性 含義
text 普通的文本輸入框
password 密碼輸入框
checkbox 複選框
radio 單選框
file 上傳文件
submit 提交按鈕
reset 重複按鈕
<textarea> : 多行文本
<select size="" multiple>
<option selected disabled>
<label>
<label> 輔助表單
表格表單組合
表格表單之間能夠互相組合造成數據展現效果。
div 與 span
div全稱爲 division，「分割、分區」的意思，div標籤用來劃分一個區域，至關於一塊區域容器，能夠容納段落、標題、表格、圖像等各類網頁元素。即 HTML 中大多數的標籤均可以嵌套在div標籤中，div中能夠嵌套多層div，用來將網頁分割成獨立、不一樣的部分，來實現網頁的規劃和佈局。
span（內聯）：用來修飾文字的，div與span都是沒有任何默認樣式的，須要配合css才行。