一. body標簽
標記給用戶看的
也可以是設置style等等屬性
1.常用的標簽
<h*>標簽 （header 標題）
一共就6個類型標題
1. 獨成一段
2. 加粗
3. 更改字體大小
<h1>標題</h1>
<h2>標題</h2>
<h3>標題</h3>
<h4>標題</h4>
<h5>標題</h5>
<h6>標題</h6>
P標簽（Paragraph 段落）
成段出現并且換行，增多之后才會發現
<p>this is paragraph!</p>
<p>this is paragraph2!</p>
div標簽和span標簽（Division 分隔 ，Span 范圍）
容器
沒有具體功能，但是可以能夠當好一個好的容器
1.容器的作用就是分塊
2.捆綁操作的
一個書架進行書籍的搬運可以直接進行書架的搬運，并不需要把書都挪出來
區別：
1.主要一個換行，一個不換行
2.寬高的修改
<div>沒效果才能更好的當一個容器</div>
<span>沒效果才能更好的當一個容器</span>
img標簽（Image 圖片） 單標簽
src：Source
1.網上的url
2.本地絕對路徑
3.本地相對路徑
二.alt -> alter（圖片占位符）當圖片為錯誤的時候的提示語
三. title （圖片提示符）單鼠標移動到圖片上的時候的提示語
<img src="" alt="這是范爺" title="范爺">
a標簽（Anchor 錨）
a 超級鏈接標簽 a標簽可以包裹任何內容凡是跳轉的都是a標簽進行實現的
href： hyperText reference 超文本引用（你所指向的超文本地址）
原來是找到錨點的作用：當做錨點記錄位置用的
1.超級鏈接
target:_blank(打開新的一頁),_self(當前頁)
2.錨點
3.打電話tel:139****，發郵件 mail:"101*********@qq.com"
4.協議限定符 可以運行代碼
<a href="#demo1">find demo1</a>
<a href="#demo1">find demo2</a>
<a target="_blank">wwww.baidu.com</a>
<a href="tel:139****">撥打電話</a>
<a href="javascript:while(1){alert('讓你手欠')}" target="_blank">點一下我試試啊！com on!</a>
ol有序列表 ul無序列表 ( Ordered List , Unordered List)
ol標簽
type：有五種類型 1.阿拉伯數字 2.a-z 3.A-Z 4.小寫羅馬數字 5.大寫的羅馬數字
sart：從第幾開始
reversed ：reversed 逆向（只有一個屬性值）
<ol type="1" start="2" reversed="reversed" >
<li>速度與激情8</li>
<li>返老還童</li>
<li>新喜劇之王</li>
<li>飛馳人生</li>
<li>天氣預爆</li>
<li>了不起的蓋茨比</li>
并沒有什么用
</ol>
ul標簽
type：disc -disCircle 實心圓 circle 圈 square方塊
如果不想要任何樣式在css中設置list-style: none;
<ul type="square">
<li>速度與激情8</li>
<li>返老還童</li>
<li>新喜劇之王</li>
<li>飛馳人生</li>
<li>天氣預爆</li>
<li>了不起的蓋茨比</li>
</ul>
from表單以及其內部標簽
1.from能夠發送數據
method： get/post網絡請求的類型
action ：提交跳轉
2.input 標簽
type:屬性
(1)text(正常的文本輸入框)
(2)password 密碼
(3)radio 單選框
3.1此時為了讓為同一個必須要設定同一個name，而單選框的值為 其中的value
3.2用戶的體驗就是checked就是默認選項
(4) type為checkbox， 復選框
1.此時為了讓為同一個必須要設定同一個name，而單選框的值為 其中的value
2.用戶的體驗就是checked就是默認選項
(4) type為 submit，提交按鈕
3.select option 標簽
因為包裹了，所以可以在select標簽為option設置統一的name
然后默認option選中的默認值為他包裹的內容，也可以自己設置value ，兩個同時有，以value為準
<form method="get" action="">
<!--type:text(正常的文本輸入框) -->
<p>
userName:<input type="text"
name="username"
style="color: #999999"
onfocus="if(this.value==='請輸入用戶名'){
this.value='';
this.style.color='#424242'
}"
onblur="if(this.value===''){
this.value='請輸入用戶名'
}">
</p>
<!--password 密碼 -->
<p>
password:<input type="password" name="password">
</p>
<!-- type為radio，單選框 -->
1.貝克漢姆<input type="radio" name="star" value="xiaobei" checked="checked">
2.萊昂納多<input type="radio" name="star" value="xiaoli">
3.我<input type="radio" name="star" value="zhang">
<!-- type為checkbox， 復選框-->
1.貝克漢姆<input type="checkbox" name="star" value="xiaobei" checked="checked">
2.萊昂納多<input type="checkbox" name="star" value="xiaoli">
3.我<input type="checkbox" name="star" value="zhang">
<!-- 下拉框-->
<h1>請選擇省份</h1>
<select name="province">
<option >北京</option>
<option >上海</option>
<option >天津</option>
<option >大連</option>
</select>
<input type="submit" value="提交">
</form>
2.不常用的標簽
br標簽（Break 換行）
就是換行符（一般的標簽是為了修改包裹的內容，如果并不需要修改內容，則就只是單標簽完成功能）
<br>
hr標簽（Horizontal Rule 水平尺）
一條橫線（并不怎么重要了）
<hr>
strong標簽（strong 加粗）
<strong>加粗</strong>
i標簽（Italic 斜體）
視覺要素：無意義，只是為了好看
<i>斜體</i>
em標簽（Emphasized 斜體）
表達要素：不僅是是視覺，在瀏覽器那邊主要是為了聲明，這里面內容很重要，語音軟件可以加重語氣
<em>斜體</em>
其實在一般的時候可以通過css的處理字體 font-style: italic
del標簽（Deleted 刪除）
有中劃線的標簽
<del>￥100元</del>
address標簽（Address 地址，沒啥大用）
基本沒什么用可以用css進行達到效果
1. 獨成一段
2.斜體
3.有中劃線的標簽
<address>
遼寧省大連市
</address>
