第01階段:第二節(jié)第一 天

* 列表標(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:單選;

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):&gt;

小于號(hào):&lt;

空格: &nbsp;

。。。。。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評(píng)論 1 41
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,914評(píng)論 18 139
  • 列表標(biāo)簽: 無序列表:ul 語法:(下圖) 注: … 標(biāo)記表示這一個(gè)無序列表的開始與結(jié)束,而 則表示這是一個(gè)列表項(xiàng)...
    顯然2017閱讀 737評(píng)論 1 2
  • 1 下班后,參加了瞬變讀書會(huì)的活動(dòng)聆聽了來自臺(tái)灣的李昌雄教授和夫人的有關(guān)于讀書會(huì)和個(gè)人成長的分享,案例生動(dòng),學(xué)習(xí)明...
    LiHongxi閱讀 186評(píng)論 0 0
  • 主持:張馨 排麥大臣:Susan ...
    Luna馬閱讀 205評(píng)論 0 0