每天學(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ù)。