* 列表標(biāo)簽
》有序列表(ul>li)
<ul>
<li><span>北京</sapn><a href="#">你好</a></li>
<li>上海</li>
<li>成都</li>
</ul>
效果-——》
北京
上海
成都
》無序列表(ol>li)
<ol>
<li>北京</li>
<li>上海</li>
<li>成都</li>
</ol>
效果——》
1.北京
2上海
3.成都
》自定義列表(dl>dt-dd)<dl><dt>helloworld<dt><dd>每一門新的語言都要打印一個(gè)hello world</dd><dt>helloworld</dt><dd>每一門新的語言都要打印一個(gè)hello world</dd><dt>helloworld</dt><dd>每一門新的語言都要打印一個(gè)hello world</dd></dl>效果——》helloworld
每一門新的語言都要打印一個(gè)hello world
helloworld
每一門新的語言都要打印一個(gè)hello?world
helloworld
每一門新的語言都要打印一個(gè)hello?world
helloworld
每一門新的語言都要打印一個(gè)hello?world
* 表格標(biāo)簽
<table border="1">? ? ? ? ? <tr>? ? ? ? ? ? ? ?<td>第一行第一列</td>? ? ? ? ? ? ? ?<td>第一行第二列</td>? ? ? ? ? < /tr>? ? ? ? ? <tr>? ? ? ? ? ? ? ? <td>第二行第一列</td>? ? ? ? ? ? ? ? <td>第二行第二列</td>? ? ? ? ? </tr></table>
<table border="1">
? ? <thead>
? ? ? ? <tr>
? ? ? ? ? ? <th>姓名</th>
? ? ? ? ? ? <th>年齡<th>
? ? ? ? </tr>
? ? <thead>
? ? <tbody>
? ? ? ? <tr>
? ? ? ? ? ? <td>haha</td>
? ? ? ? ? ? <td>15</td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>可樂</td>
? ? ? ? ? ? <td>20</td>
? ? ? ? </tr>
? ? </tbody>
</table>
*關(guān)于表格的合并單元格
.rowspan:合并行單元格
.colspan:合并列單元格
<table border="1">
<tr><td></td><td></td><td></td></tr>
<tr><td rowspan="2"></td> <td colspan="2"></td></tr>
<tr><td></td><td></td></tr>
</table>
*div標(biāo)簽和span標(biāo)簽
. div標(biāo)簽: <div></div>
. span標(biāo)簽: <span></span>
*行級(jí)標(biāo)簽(可以跟其他的行內(nèi)元素公用一行):
包括:span ? ?strong ? ?em ? ?a ? ? i ? ?img ? ?input ? ?lable ? ? select ? ?small ? u 等
*塊級(jí)標(biāo)簽(單獨(dú)占一行)
包括:div ? ?p ? ?br ? ?hr ? ?h1-h6 ? ?pre ?form ? ul ? ?ol ? 力 ? dl ? ?dt ? ? dd ? ? ?table ?等 ?
*表單標(biāo)簽
. ?form標(biāo)簽:表單的域標(biāo)簽,用于包裹整個(gè)表單的內(nèi)容,是用戶提交數(shù)據(jù)到后臺(tái)的虛擬單子
注意:表單一般包括文本框、下拉列表、單選盟戏、多選、文本域等組成
form的 action屬性用于指定表單提交到后臺(tái)的地址
. ?input標(biāo)簽:包含文本框但骨,按鈕恋技,單選,多選崇裁,重置等
type屬性的不同取值決定了input標(biāo)簽的不同作用
type的屬性值包括:
text:文本框匕坯;
password:密碼框;
radio:?jiǎn)芜x拔稳;
checkbox:復(fù)選框葛峻;
button:按鈕;
reset:重置按鈕巴比;
submit:提交按鈕术奖;
. select標(biāo)簽:用于下拉選、列表或者是列表標(biāo)簽
里面的選項(xiàng)由option來設(shè)置轻绞,value屬性只有在后臺(tái)有用
<select ?id="" ?name= "" ?multiple>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="2">安徽</option>
</select>
注意:設(shè)置multiple屬性后采记,表示為列表,否則為下拉列表
. ?文本域標(biāo)簽:textarea標(biāo)簽用于輸入大量文本的標(biāo)簽政勃,col屬性用于設(shè)置一行最多可以有多少列字符唧龄,row屬性表示可以容納多少行數(shù)據(jù),有滾動(dòng)條
. ?filedset標(biāo)簽:表單組合標(biāo)簽奸远,僅僅用于表單的組合既棺,會(huì)影響到reset的效果
legent標(biāo)簽用于組合標(biāo)簽的標(biāo)題
<filedset>
<legent>運(yùn)動(dòng)項(xiàng)目</legent>
<input type="checkbox" value=“游泳”>
<input type="checkboox" value="羽毛球">
</filedset>
.? lable標(biāo)簽:可以讓標(biāo)簽文本點(diǎn)擊的時(shí)候讓label指向的標(biāo)簽表單標(biāo)簽獲得焦
有兩種方法:使用for屬性指向表單標(biāo)簽;用lable標(biāo)簽包裹input標(biāo)簽
*iframe標(biāo)簽
創(chuàng)建另一個(gè)包含另一個(gè)文檔的內(nèi)聯(lián)框架
<iframe src="" ?width="" ?height=""></iframe>
border屬性可以設(shè)置框架的邊框大小
*meta標(biāo)簽補(bǔ)充
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
上面代表如果使用IE打開的頁面懒叛,那么就是用做新的IE打開此頁面
*SEO優(yōu)化的設(shè)置
<meta ?name="keywords" ?content="java/php/網(wǎng)絡(luò)營銷講師"/>
<meta name="description" ?content="IT行業(yè)的龍頭講師">
*base標(biāo)簽:
可以讓當(dāng)前頁面的所有a標(biāo)簽都擁有相同屬性丸冕,比如target屬性
<base target="_blank">
*字符實(shí)體
大于號(hào):>;
小于號(hào):<薛窥;
空格:
胖烛。。拆檬。洪己。。竟贯。答捕。