2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

一、div和span

div標(biāo)簽是一個(gè)容器級(jí)標(biāo)簽，里面什么都能放，甚至可以放div自己。

?

span也是表達(dá)“小區(qū)域、小跨度”的標(biāo)簽，但是是一個(gè)“文本級(jí)”的標(biāo)簽。

就是說，span里面只能放置文字、圖片、表單元素。 span里面不能放p、h、ul、dl、ol、div。

span里面是放置小元素的，div里面放置大東西的：

???????????????????? <p> ??????????????????????????? 簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介簡(jiǎn)介 ??????????????????????????? <span> ?????????????????????????????????? <a href="">詳細(xì)信息</a> ?????????????????????????????????? <a href="">購(gòu)買</a> ??????????????????????????? </span> ???????????????????? </p>

?

二、表單

1、input標(biāo)簽的四種類型

<input type="text" /> 文本框

<input type="password" /> 密碼框

<input type="radio"> 單選按鈕

<input type="checkbox" /> 復(fù)選框

2、下拉列表

select就是“選擇”，option“選項(xiàng)”。

select標(biāo)簽和ul、ol、dl一樣，都是組標(biāo)簽。

<select> ?????? <option>北京</option> ?????? <option>河北</option> ?</select>

?

3、多行文本框（文本域）

<textarea cols="30" rows="10"></textarea>

這個(gè)標(biāo)簽，是個(gè)標(biāo)簽對(duì)兒。對(duì)兒里面不用寫東西。如果寫的話，就是這個(gè)框的默認(rèn)文字。

?

cols屬性表示columns“列”，rows屬性表示rows“行”。

值就是一個(gè)數(shù)，表示多少行，多少列。

?

4、三種按鈕

按鈕也是input標(biāo)簽，一共有三種按鈕：

（1）普通按鈕：

<input type="button" value="我是一個(gè)普通按鈕" />

button就是英語“按鈕”的意思。value就是“值”的意思，按鈕上面顯示的文字。

?

（2）提交按鈕：

<input type="submit" />

submit就是英語“提交”的意思。這個(gè)按鈕不需要寫value自動(dòng)就有“提交”文字。

這個(gè)按鈕點(diǎn)擊，表單真的能提交。這個(gè)表單就會(huì)被提交到，form標(biāo)簽的action屬性中的那個(gè)頁面中去。

（3）重置按鈕：

<input type="reset" />

reset就是“復(fù)位”的意思。

?

5、label標(biāo)簽

本質(zhì)上講，“男”、“女”這兩個(gè)漢字，和input元素沒有關(guān)系。

<input type="radio" name="sex" /> 男 <input type="radio" name="sex" /> 女

?

label就是解決這個(gè)問題的。

<input type="radio" name="sex" id="nan" /> <label for="nan">男</label> <input type="radio" name="sex" id="nv"? /> <label for="nv">女</label>

?

input元素要有一個(gè)id，然后label標(biāo)簽就有一個(gè)for屬性，和id相同，就表示綁定了，這個(gè)label和input就有綁定關(guān)系了。

?

復(fù)選框也有l(wèi)abel：

<input type="checkbox" id="kk" /> <label for="kk">10天內(nèi)免登陸</label>?

什么表單元素都有l(wèi)abel。

?

?

轉(zhuǎn)載于:https://my.oschina.net/lsl1991/blog/1928437

總結(jié)

以上是生活随笔為你收集整理的【HTML】------HTML的标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。