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

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

一、表單:作用、組成、分類、屬性


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

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

分類:input、textarea、select

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

? ? ? ? ? ? type:text(單行文本輸入框)、password(密碼輸入框,是暗文)、radio(單選框 注意:1、單選框要想實現(xiàn)單選,需要使用name屬性,并且name的值要一樣。)、checkbox(多選框:注意:1、使用checked可以設(shè)置默認(rèn)選項。)、file(上傳圖片文件 注意:1、默認(rèn)只能選擇一張圖片,使用multiple可以選擇多張圖片,multiple屬性值就是它本身。)、submit(提交按鈕)、reset(重置按鈕 注意:1、需要成功提交一次后才能清空輸入的數(shù)據(jù))、button(普通按鈕)、image(圖片按鈕)

2、使用checked可以設(shè)置默認(rèn)選項

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)選中項

二、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對該頁面進行解碼

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

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

三、概念、作用、語法格式


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

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

3、語法格式:

選擇器 {

屬性1:屬性值1;

屬性2:屬性值2;

屬性3:屬性值3;

}

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

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

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è)置normal(400)、bold(700),font-weight的值從100到900,每次以100為單位進行增加、font-style(用來設(shè)置字體的風(fēng)格):normal、italic(傾斜)、font-family(用來設(shè)置字體的類型):可以寫好幾個字體,每個字體之間用逗號隔開,中文字體用引號括起來,字體之間有空格的也需要用引號括起來。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容