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

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

空格: &nbsp;

胖烛。。拆檬。洪己。。竟贯。答捕。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市屑那,隨后出現(xiàn)的幾起案子拱镐,更是在濱河造成了極大的恐慌艘款,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沃琅,死亡現(xiàn)場(chǎng)離奇詭異哗咆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)益眉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門晌柬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人郭脂,你說我怎么就攤上這事年碘。” “怎么了展鸡?”我有些...
    開封第一講書人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵屿衅,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我莹弊,道長(zhǎng)涤久,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任忍弛,我火速辦了婚禮响迂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘剧罩。我一直安慰自己栓拜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開白布惠昔。 她就那樣靜靜地躺著幕与,像睡著了一般。 火紅的嫁衣襯著肌膚如雪镇防。 梳的紋絲不亂的頭發(fā)上啦鸣,一...
    開封第一講書人閱讀 51,590評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音来氧,去河邊找鬼诫给。 笑死,一個(gè)胖子當(dāng)著我的面吹牛啦扬,可吹牛的內(nèi)容都是我干的中狂。 我是一名探鬼主播,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼扑毡,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼胃榕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起瞄摊,我...
    開封第一講書人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤勋又,失蹤者是張志新(化名)和其女友劉穎苦掘,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體楔壤,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鹤啡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蹲嚣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片递瑰。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖隙畜,靈堂內(nèi)的尸體忽然破棺而出泣矛,到底是詐尸還是另有隱情,我是刑警寧澤禾蚕,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站狂丝,受9級(jí)特大地震影響换淆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜几颜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一倍试、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蛋哭,春花似錦县习、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至沪蓬,卻和暖如春彤钟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背跷叉。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來泰國打工逸雹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人云挟。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓梆砸,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親园欣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子帖世,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

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

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