定義
HTML 用來(lái)描述網(wǎng)頁(yè)的被稱(chēng)之為 HTML標(biāo)簽(HTML tag)
特點(diǎn)
- HTML中tag是由尖括號(hào)包圍的關(guān)鍵詞踏烙，比如 <html>
- <>和關(guān)鍵字之間可以有空格椅文，如< html >HTML tag一般是成對(duì)出現(xiàn)的.比如
<p>和</p> - 成對(duì)的tag里秦驯，第一個(gè)（不帶"/"的）叫開(kāi)始tag（又叫開(kāi)放tag）揪罕，第二個(gè)叫結(jié)束tag糙麦。（又叫閉合tag）
常用tag用法
1.div與span.
DIV是塊元素祭刚，SPAN是內(nèi)嵌元素牌捷。塊元素相當(dāng)于內(nèi)嵌元素在前后各加一個(gè)`<br>`換行。
```<div id="left" class = "left_css">
<p>左側(cè)欄</p>
</div>```
如上所示,
id: 用于標(biāo)識(shí)<div>塊（即<div>tag的名字）.
class: 修飾<div>塊的css樣式組.
div也可以是多個(gè)div嵌套或者并列使用
<span>屬于行內(nèi)樣式定義元素涡驮，它的插入不會(huì)使原有結(jié)構(gòu)產(chǎn)生任何變化暗甥，直到設(shè)計(jì)者為它提供了屬性為止。
<span 屬性="屬性值"></span>
<p><span style=color:blue>左側(cè)欄</span></p>
</div>```
如上顯示出來(lái)的就是藍(lán)色體的"左側(cè)欄"捉捅。
<span>元素的首尾標(biāo)記必須同時(shí)成對(duì)出現(xiàn)撤防，一個(gè)<span>元素中可以嵌套任意多個(gè)<span>元素。
**-
##**2.ul與ol**
ul-li是沒(méi)有前后順序的信息列表棒口。
<ul>
<li>數(shù)據(jù)結(jié)構(gòu)難</li>
<li>數(shù)據(jù)結(jié)構(gòu)真難</li>
<li>數(shù)據(jù)結(jié)構(gòu)真不會(huì)</li>
</ul>```
如上代碼所顯示出來(lái)的是:
- 數(shù)據(jù)結(jié)構(gòu)難
- 數(shù)據(jù)結(jié)構(gòu)真難
- 數(shù)據(jù)結(jié)構(gòu)真不會(huì)
ol-li是有前后順序的信息列表
<ol>
<li>數(shù)據(jù)結(jié)構(gòu)難</li>
<li>數(shù)據(jù)結(jié)構(gòu)真難</li>
<li>數(shù)據(jù)結(jié)構(gòu)真不會(huì)</li>
</ol>```
如上代碼所顯示出來(lái)的是:
1. 數(shù)據(jù)結(jié)構(gòu)難
2. 數(shù)據(jù)結(jié)構(gòu)真難
3. 數(shù)據(jù)結(jié)構(gòu)真不會(huì)
**-
##**3.a和img**##
使用`<a>`標(biāo)簽可實(shí)現(xiàn)超鏈接即碗，只要有鏈接的地方焰情，就會(huì)有這個(gè)標(biāo)簽。
<a href="目標(biāo)網(wǎng)址" title="鼠標(biāo)滑過(guò)顯示的文本">鏈接顯示的文本</a>
img 元素向網(wǎng)頁(yè)中嵌入一幅圖像剥懒。
alt :規(guī)定圖像的替代文本内舟。 src :規(guī)定顯示圖像的 URL。
**-
##**4.form, button,以及各種input用法**##
####form表單：用來(lái)接收用戶(hù)輸入信息.
form表單的屬性
action ：設(shè)置URL將表單數(shù)據(jù)發(fā)送到相應(yīng)的服務(wù)器初橘。
method：設(shè)置如何發(fā)送表單數(shù)據(jù)验游，分為兩種方式"post"和"get",默認(rèn)為"get"方法。
<form method="post" action="http://codefordream.com/form">
<p>
<label>name: <input name="name" /></label>
</p>
<button>submit</button>
</form>
####button按鈕:`<button type="button">Click Me!</button>`
type="button" 按鈕為普通的可點(diǎn)擊按鈕,
type="submit" 按鈕為提交按鈕,
type="reset" 按鈕是重置按鈕
input:
`<input size="10" maxlength="10" id=”name”/>`
size： 表示輸入框可以展示字符的長(zhǎng)度保檐。maxlength： 表示輸入框可以展示字符的長(zhǎng)度耕蝉。
####文本框,密碼框.
<form>
姓名：
<input type="text" name="myName">
密碼：
<input type="password" name="pass">
</form>
####數(shù)字輸入框:`<input type="number" step="1" min="0" max="100" value="1" id="age"/>`
####范圍輸入框：`<input type="range" step="1" min="0" max="100" value="1" id="age"/>`
####選項(xiàng)輸入框`<input type="checkbox" checked id="age"/>`選項(xiàng)一
`<input type="radio" checked /> `選項(xiàng)一
##5.pre標(biāo)簽
HTML里的pre元素，可定義預(yù)格式化的文本夜只。在pre元素中的文本會(huì)保留空格和換行符垒在。文本顯現(xiàn)為[等寬字體].
<pre>body{
background:#fff;
font: 12px/24px 1.66;
}</pre>
##6.em與i標(biāo)簽
`<i>`標(biāo)簽：
顯示斜體文本效果
`<i>`標(biāo)簽告訴瀏覽器將包含其中的文本以斜體字（italic）或者傾斜（oblique）字體顯示；
`<em>`標(biāo)簽：
` <em>`標(biāo)簽中的文本表示為強(qiáng)調(diào)的內(nèi)容扔亥，對(duì)于所有瀏覽器的顯示效果來(lái)說(shuō)场躯，是把這段文字用斜體來(lái)顯示；
當(dāng)引入新的術(shù)語(yǔ)或在引用特定類(lèi)型的術(shù)語(yǔ)或概念時(shí)作為固定樣式的時(shí)候旅挤，也可以考慮使用 `<em>` 標(biāo)簽踢关。
（說(shuō)明：`<i>` 標(biāo)簽一定要和結(jié)束標(biāo)簽 `</i>` 結(jié)合起來(lái)使用；`<em>`標(biāo)簽也要和結(jié)束標(biāo)簽`</em>`結(jié)合使用粘茄。）
**-
通常所用的tag大概就是這些,希望大家可以好好掌握!!!
