2019-07-16來黑馬程序員的第五天(上課)

每天學(xué)習(xí)完蓬推,最后一件事就是來簡書寫寫今天的總結(jié)婴渡,今天講的東西比較少,主要的原因是昨天上自習(xí),我已經(jīng)把今天老師要講的東西給看完了,總的來說今天還是比較輕松的磷斧,下面的知識是今天老師的講的,不多侍咱,重點(diǎn)我都寫在下面了:

一、表單:作用倘感、組成放坏、分類咙咽、屬性


作用:用來收集表單的數(shù)據(jù)老玛,發(fā)送給后臺。

組成:表單域(<form action=“提交后臺數(shù)據(jù)的地址”></form>)钧敞、提示文本蜡豹、表單。

分類:input溉苛、textarea镜廉、select

1、屬性:input標(biāo)簽的屬性

? ? ? ? ? ? type:text(單行文本輸入框)愚战、password(密碼輸入框娇唯,是暗文)齐遵、radio(單選框 注意:1、單選框要想實(shí)現(xiàn)單選塔插,需要使用name屬性梗摇,并且name的值要一樣。)想许、checkbox(多選框:注意:1伶授、使用checked可以設(shè)置默認(rèn)選項(xiàng)。)流纹、file(上傳圖片文件 注意:1糜烹、默認(rèn)只能選擇一張圖片,使用multiple可以選擇多張圖片漱凝,multiple屬性值就是它本身疮蹦。)、submit(提交按鈕)茸炒、reset(重置按鈕 注意:1挚币、需要成功提交一次后才能清空輸入的數(shù)據(jù))、button(普通按鈕)扣典、image(圖片按鈕)

2妆毕、使用checked可以設(shè)置默認(rèn)選項(xiàng)

textarea:文本輸入框? 用法:? ? <textarea name="" id="" cols="30" rows="10"></textarea>

3、select:下拉選擇框 用法:

<select name="" id="">

? ? ? ? <option value="1">1</option>

? ? ? ? <option value="2" selected>2</option>

? ? ? ? <option value="3">3</option>

? ? </select>

注意:1贮尖、使用selected可以設(shè)置默認(rèn)選中項(xiàng)

二笛粘、HMTL骨架標(biāo)簽解釋


1、<!DOCTYPE html> 告訴瀏覽器這是HMTL5頁面湿硝,需要使用HTML5來解釋該頁面

2薪前、<html lang="en"> 告訴瀏覽器該頁面是英文頁面,主要用于搜索引擎的優(yōu)化关斜,如中文的頁面:

<html lang="zh-cn">

3示括、<meta charset="UTF-8"> 告訴瀏覽器使用UTF-8對該頁面進(jìn)行解碼

4、<meta name="viewport" content="width=device-width, initial-scale=1.0"> 讓瀏覽器根據(jù)設(shè)備對頁面進(jìn)行縮放自適應(yīng)

5痢畜、<meta http-equiv="X-UA-Compatible" content="ie=edge"> 使用IE瀏覽器打開時垛膝,默認(rèn)使用edge的內(nèi)核

三、概念丁稀、作用吼拥、語法格式


1、概念:層疊樣式表(cascading style sheets)

2线衫、作用:用來設(shè)置頁面的文字凿可、圖片的顯示樣式以及給頁面進(jìn)行排版,簡單的說就是給頁面畫個妝

3授账、語法格式:

選擇器 {

屬性1:屬性值1;

屬性2:屬性值2;

屬性3:屬性值3;

}

注意:1枯跑、選擇器和后面的“{}”之間有個空格惨驶。

? ? ? ? ? 2、這里面的標(biāo)點(diǎn)符號全部都是英文敛助。

4敞咧、字體屬性

常用屬性:font-size(用來設(shè)置字體大小的,值如26px,需要加px)辜腺、font-weight(設(shè)置字體的粗細(xì)休建,常用的值是normal、bold评疗、100-900 數(shù)字值是以100為單位测砂,normal是400,bold是700百匆,數(shù)字不需要加單位的砌些,)注意:一開始設(shè)置字體粗細(xì)的時候就沒有制定太多的粗細(xì)標(biāo)準(zhǔn),一般在實(shí)際工作的時候加匈,我們只設(shè)置normal(400)存璃、bold(700),font-weight的值從100到900,每次以100為單位進(jìn)行增加雕拼、font-style(用來設(shè)置字體的風(fēng)格):normal纵东、italic(傾斜)、font-family(用來設(shè)置字體的類型):可以寫好幾個字體啥寇,每個字體之間用逗號隔開偎球,中文字體用引號括起來,字體之間有空格的也需要用引號括起來辑甜。

好了今天的總結(jié)就是這么多了衰絮,明天繼續(xù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末磷醋,一起剝皮案震驚了整個濱河市猫牡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌邓线,老刑警劉巖淌友,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異褂痰,居然都是意外死亡亩进,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門缩歪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谍憔,你說我怎么就攤上這事匪蝙≈骷” “怎么了?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵逛球,是天一觀的道長千元。 經(jīng)常有香客問我,道長颤绕,這世上最難降的妖魔是什么幸海? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮奥务,結(jié)果婚禮上物独,老公的妹妹穿的比我還像新娘。我一直安慰自己氯葬,他們只是感情好挡篓,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帚称,像睡著了一般官研。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上闯睹,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天戏羽,我揣著相機(jī)與錄音,去河邊找鬼楼吃。 笑死蛛壳,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的所刀。 我是一名探鬼主播衙荐,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼浮创!你這毒婦竟也來了忧吟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤斩披,失蹤者是張志新(化名)和其女友劉穎溜族,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體垦沉,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡煌抒,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了厕倍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寡壮。...
    茶點(diǎn)故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出况既,到底是詐尸還是另有隱情这溅,我是刑警寧澤,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布棒仍,位于F島的核電站悲靴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏莫其。R本人自食惡果不足惜癞尚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望乱陡。 院中可真熱鬧浇揩,春花似錦、人聲如沸蛋褥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽烙心。三九已至膜廊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間淫茵,已是汗流浹背爪瓜。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留匙瘪,地道東北人铆铆。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像丹喻,于是被迫代替她去往敵國和親薄货。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評論 2 356

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案碍论? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的谅猾,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,899評論 0 0
  • 之前很早就聽說鳍悠,黑馬的培訓(xùn)是上兩天休息一天税娜,果不奇然,除去第一天的開班典禮藏研,已經(jīng)上了兩天的課了敬矩,其實(shí)也就一天,兩天...
    柯南結(jié)局我就改名字閱讀 1,270評論 0 1
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素蠢挡;行內(nèi)(內(nèi)聯(lián)弧岳、inline-level)元素凳忙。 塊元素的...
    饑人谷_小侯閱讀 2,010評論 1 4
  • CSS要點(diǎn)記錄 CSS 指層疊樣式表 (Cascading Style Sheets) 多種樣式時的優(yōu)先級問題 數(shù)...
    Tony__Hu閱讀 1,128評論 0 0