第二篇

2.在HTML里打多個(gè)空格需要使用標(biāo)簽,一般標(biāo)簽有&lt囱嫩;=<,
> => ? =空格
回車(chē)標(biāo)簽

有序列表嫂侍,成組出現(xiàn)
<ol>
<li></li>
<li></li>
<li></li>
</ol>
在ol里加上type=~可以顯示各種計(jì)數(shù)方式(1234儿捧,abcd荚坞,i ii iii iv)
在type="1"后加上=reversed="reversed"變成倒序
在type=“1”后加上start=“X”
表示排序從X開(kāi)始
ol和li用處不廣泛

3.<ul>
<li></li>
<li></li>
</ul>
比較常用
一個(gè)大的功能有很多個(gè)功能子項(xiàng)來(lái)組成,每一個(gè)功能子項(xiàng)的功能和樣式基本都是相同的菲盾,只不過(guò)他們的內(nèi)容有一點(diǎn)差異颓影,很多個(gè)功能子項(xiàng)組成了一個(gè)大功能,這樣的功能最好用<ul>和<li>來(lái)展示懒鉴,因?yàn)槠涓咸焐慕Y(jié)構(gòu)

4.<img src="">引號(hào)內(nèi)寫(xiě)圖片地址
這是個(gè)圖片標(biāo)簽
地址獲裙罟摇:I 網(wǎng)上url II 本地的絕對(duì)路徑 III 本地的相對(duì)路徑
當(dāng)網(wǎng)頁(yè)地址和圖片 地址完全相同時(shí),也就是在同一個(gè)文件夾下临谱,這時(shí)HTML和圖片路徑成相對(duì)關(guān)系這時(shí)兩者稱(chēng)為相對(duì)路徑
圖片和HTML成相對(duì)關(guān)系時(shí)璃俗,在引號(hào)內(nèi)直接寫(xiě)圖片名稱(chēng)。
如果圖片和HTML不在同一地址悉默,那他兩的關(guān)系就稱(chēng)為絕對(duì)關(guān)系城豁。在絕對(duì)關(guān)系下要引入圖片就要把圖片地址寫(xiě)完整
alt=“”此編碼可用于圖片展示出錯(cuò)時(shí)添加圖片描述 此編碼叫做圖片占位符。
tittle=“”叫做圖片提示符抄课,在光標(biāo)移動(dòng)到圖片上時(shí)可以顯示圖片提示唱星。

5.a標(biāo)簽(<a href></a>)可用于添加超鏈接,a標(biāo)簽中的屬性herf(hyperText reference 超文本參考)在herf里面添加網(wǎng)站地址可以跳轉(zhuǎn)到網(wǎng)站剖膳。注意:在herf中要寫(xiě)網(wǎng)站地址魏颓,在標(biāo)簽內(nèi)也要寫(xiě)網(wǎng)站地址。
在標(biāo)簽內(nèi)加入target=“”可以顯示在新的網(wǎng)頁(yè)中打開(kāi)網(wǎng)址
a標(biāo)簽第二個(gè)作用吱晒,作為錨點(diǎn)甸饱,在網(wǎng)頁(yè)中可以固定位置顯示,向下或者向上滑動(dòng)不會(huì)消失仑濒。
第三個(gè)作用可以當(dāng)打電話用叹话,具體操作,herf=“tel:XXXXXX”
也可發(fā)郵件墩瞳,操作 herf=mailto:1010010@163.com
第四個(gè)作用驼壶,協(xié)議限定符,跟JavaScript有關(guān)

6.form標(biāo)簽喉酌,能發(fā)送數(shù)據(jù) 在form后加上method热凹,method是發(fā)送數(shù)據(jù)的方式,在method后加上action=.....泪电,省略號(hào)代表地址般妙。例子:<form method="get" action="http://www.xxxx.com"
http://www.xxxx.com是后端的模擬地址
在form標(biāo)簽里加入<input>組件可以加入密碼框和文本框,具體操作
<input type="text">
<input type="password">
添加提交按鈕
<input type="submit" value="登錄”>
value后寫(xiě)提交按鈕上的diy文字
代碼需要可讀性和可維護(hù)性
<input type="radio" name="" value=“”>此代碼可以生成一個(gè)單選框相速,如果有多個(gè)選項(xiàng)碟渺,每個(gè)選項(xiàng)的name后都填相同數(shù)據(jù)。在value后寫(xiě)上該選項(xiàng)的數(shù)據(jù)突诬,才可以在點(diǎn)擊單選后提交
(如果想生成一個(gè)復(fù)選框苫拍,將radio改成checkbox)
在input里加一個(gè)屬性checked可以添加默認(rèn)選中芜繁,具體操作checked="xxx"
最后一個(gè)組件<select>
展示如下:
<select name=XXX>
<option></option>
<select>
option可以是很多個(gè)
可以構(gòu)成一個(gè)選項(xiàng)菜單
在select里寫(xiě)數(shù)據(jù)名和數(shù)據(jù)值

瀏覽器及其內(nèi)核
IE trident
Firefox Gecko
Google Chrome webkit/blink
safari webkit
Opera presto
在HTML里寫(xiě)備注 control+?
html負(fù)責(zé)結(jié)構(gòu)
css負(fù)責(zé)樣式
JavaScript負(fù)責(zé)行為
css=cascading style sheet 層疊樣式表

引入css
1.行間樣式 在組件后加入style
2.在head里加上style標(biāo)簽(頁(yè)面級(jí)css)
3.外部css文件
用外部css時(shí)要重新生成一個(gè)css文件,文件最好和html保持相對(duì)路徑绒极,在新的css文件里生成div{}骏令,在括弧里填充各種樣式條件,然后返回html文件集峦,在head里添加一個(gè)link標(biāo)簽伏社,將herf設(shè)置成css文件名,在body里添加想要的div塔淤,就大功告成啦摘昌!

加載網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)會(huì)邊加載邊展示高蜂,HTML文件和css文件同時(shí)加載(異步加載)

4.選擇器
在html的div里起一個(gè)ID聪黎,在內(nèi)容里隨便寫(xiě)啥,
然后在css里輸入#+ID的值就可以選擇到那個(gè)div 這叫id選擇器备恤,而且不同的div不能有相同的id
class選擇器
在div后加上一個(gè)class稿饰,在內(nèi)容里面隨便寫(xiě)啥,
然后在css里輸入.加class的值露泊,就可以選擇到那個(gè)div喉镰,不同的div可以有相同的class,而且還可以疊加class
ID選擇器優(yōu)先級(jí)比class選擇器高
標(biāo)簽選擇器惭笑,在css里輸入div{}可以選擇所有的div標(biāo)簽
通配符選擇器
在css里輸入*{}侣姆,可以選擇頁(yè)面里所有的標(biāo)簽
在css里加上[...]可以寫(xiě)一個(gè)屬性選擇器
優(yōu)先級(jí):
!important>行間樣式>ID>class=屬性>標(biāo)簽選擇器>通配符選擇器
css權(quán)重值是256進(jìn)制
下堂課講權(quán)重

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市沉噩,隨后出現(xiàn)的幾起案子捺宗,更是在濱河造成了極大的恐慌,老刑警劉巖川蒙,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蚜厉,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡畜眨,警方通過(guò)查閱死者的電腦和手機(jī)昼牛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)康聂,“玉大人匾嘱,你說(shuō)我怎么就攤上這事≡缈伲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵撬讽,是天一觀的道長(zhǎng)蕊连。 經(jīng)常有香客問(wèn)我悬垃,道長(zhǎng),這世上最難降的妖魔是什么甘苍? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任尝蠕,我火速辦了婚禮,結(jié)果婚禮上载庭,老公的妹妹穿的比我還像新娘看彼。我一直安慰自己,他們只是感情好囚聚,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布靖榕。 她就那樣靜靜地躺著,像睡著了一般顽铸。 火紅的嫁衣襯著肌膚如雪茁计。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天谓松,我揣著相機(jī)與錄音星压,去河邊找鬼。 笑死鬼譬,一個(gè)胖子當(dāng)著我的面吹牛娜膘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播优质,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼竣贪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了盆赤?” 一聲冷哼從身側(cè)響起贾富,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎牺六,沒(méi)想到半個(gè)月后颤枪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡淑际,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年畏纲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片春缕。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡盗胀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出锄贼,到底是詐尸還是另有隱情票灰,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站屑迂,受9級(jí)特大地震影響浸策,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜惹盼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一庸汗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧手报,春花似錦蚯舱、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至盏档,卻和暖如春凶掰,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蜈亩。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工懦窘, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人稚配。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓畅涂,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親道川。 傳聞我的和親對(duì)象是個(gè)殘疾皇子午衰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

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

  • 1、HTML基礎(chǔ)的基礎(chǔ)** 1.1 什么是HTML: 全稱(chēng)Hypertext Markup Language:超文...
    涂涂小排屋閱讀 253評(píng)論 0 3
  • 11冒萄、談?wù)刴vc的認(rèn)識(shí)臊岸。由模型、視圖尊流、控制器完成的應(yīng)用程序帅戒,由模型發(fā)出要實(shí)現(xiàn)的功能到控制器,控制器接收組織功能傳遞...
    像敏銳的狗閱讀 379評(píng)論 0 2
  • 04這樣做崖技,誰(shuí)會(huì)不喜歡你逻住? 為什么要讀一本如何贏得朋友的書(shū)呢?但是又有什么理由不向有史以來(lái)世界上最會(huì)交朋友的人取取...
    AKE訓(xùn)練營(yíng)閱讀 2,789評(píng)論 0 4
  • 1. 超級(jí)鏈接 2. 超鏈接的應(yīng)用對(duì)象:文本迎献、圖片(注意瞎访,在IE瀏覽器下設(shè)置了超鏈接的圖片會(huì)有邊框) 3. 常用屬...
    ss555566閱讀 274評(píng)論 0 0
  • 這次主要是補(bǔ)充一些在實(shí)際開(kāi)發(fā)(練習(xí))中遇到的一些問(wèn)題,記錄下來(lái)吁恍,方便自己以后查找復(fù)習(xí)扒秸,如果恰巧也能捎帶腳解決您的困...
    只敲代碼不偷桃閱讀 372評(píng)論 0 0