1. HTML: 用于描述 頁(yè)面中 有什么內(nèi)容
2. CSS: 讓HTML變得更漂亮 ?渲染HTML樣式
3. JS:負(fù)責(zé)頁(yè)面邏輯
HTML：
1.div: 容器標(biāo)簽 用于盛放其它標(biāo)簽 常用div分塊
<div></div>
2.p:文本扔罪、段落標(biāo)簽 里面用于盛放 文本型宙、圖片、超鏈接
<p></p>
3.h系列標(biāo)簽:h1-h6 標(biāo)題標(biāo)簽
<h1>標(biāo)題</h1>
<h2>標(biāo)題</h2>
<h3>標(biāo)題</h3>
4.ul ol dl 列表 標(biāo)簽：
ul：無(wú)序列表 -> li
ol:有序列表 -> li
dl:自定義列表 -> dt 標(biāo)題 dd 內(nèi)容
<ul>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
</ul>
<ol>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
? ? <li>無(wú)序列表</li>
</ol>
<dl>
? ? <dt>標(biāo)題</dt>
? ? <dd>自定義內(nèi)容</dd>
? ? <dt>標(biāo)題</dt>
? ? <dd>自定義內(nèi)容</dd>
? ? <dd>自定義內(nèi)容</dd>
? ? <dd>自定義內(nèi)容</dd>
? ? <dt>標(biāo)題</dt>
? ? <dd>自定義內(nèi)容</dd>
</dl>
5.input:輸入標(biāo)簽
type:可以指定輸入標(biāo)簽的類型
text：文本輸入
<input type="text" placeholder="提示信息">
<input type="password">
<input type="range">
<!--換行標(biāo)簽-->
<br>
最帥男主角：
<br>
A：<input type="checkbox">
B：<input type="checkbox">
C：<input type="checkbox">
D：<input type="checkbox">
E：<input type="checkbox">
<br>
<!--單選-->
最靚女主角：
<!--<input type="radio">-->
<br>
A：<input type="radio" name="best">
B：<input type="radio" name="best">
C：<input type="radio" name="best">
D：<input type="radio" name="best">
E：<input type="radio" name="best">
<br>
<!--按鈕-->
<input type="button" value="下載">
<!--圖片按鈕-->
<input type="image" src="https://www.baidu.com/img/bd_logo1.png?where=super">
<!--超級(jí)鏈接標(biāo)簽-->
<!--href 指定要跳轉(zhuǎn)的位置-->
<a >百度</a>
圖片標(biāo)簽
src：圖片資源的路徑
alt：當(dāng)圖片不存在的時(shí)候 顯示的文字
<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度logo">
<span>不換行的文本標(biāo)簽</span>
<span>不換行的文本標(biāo)簽</span>
<span>不換行的文本標(biāo)簽</span>
