HTML5學習筆記 第二章 核心技術

2021-07-10 16:44:46 字數 3532 閱讀 9070

八、div

標記1、

層:層屬於網頁中的塊級元素,提供了一種分塊控制網頁內容的方法,各層可以疊加。一般有兩類層,css

層和netscape

層。主要使用

css層

2、是用來為大塊的內容提供結構和背景的元素。

屬性可以設定id,align

對齊方式

,class

,定義css

樣式中的

class

選擇符。

style定於

css屬性值,可以定義位置、

display等3、

與非常相似,也能作為

css容器。但是與

div的區別是

div主要是控制塊的,

span

是控制行的。

div會自動換行,

span不會

4、標記,又叫浮動幀標記,能夠拖入外部檔案。屬性可以設定位置、

class

、對齊方式、大小、內容等等

5、和都可以定義層,精確定位層。兩者的區別是

ilayer

會自動分行顯示,

laye

不會。九、表單頁面獲取資料

1表單一般是通過

限定區域。

2表單屬性:

action是指向處理資料的指令碼或者程式的位址,也可以直接是乙個位址,說明資料提交的地方,如

email

位址。name是表單名字。

method是表單中資料傳送的方式,

get是將資料附在

url後面傳,速度快,但是資料不能太多,

post

是分開傳,速度慢,但是資料量可以大。

enctype是表單資訊提交的編碼方式,可以選擇純文字、預設編碼、

mime

編碼。target

是目標顯示方式,即提交後返回的資訊的顯示方式,可以選擇新開視窗、父視窗等等方式。

3、文字字段

-text

:輸入任何型別的資料,一般至少需要填

name\size\maxlength

等屬性。

4、密碼域

-password

:文字以

*號顯示

5、單選

-radio:」

redio

」value=

」單選按鈕的取值

」name=

」單選按鈕名稱

」checked=

」checked

」>

6、多選:checkbox

7、普通按鈕-button

:可以設定

value

,onclick

事件***

8、提交按鈕-submin

:只需要設定

value

,他會執行

form

裡的action

9、重置:reset

10、影象域:

」image

」src=

」影象路徑

」name=

」自己取名字

」>

11、隱藏域-hidden

:不顯示,但是在提交的時候會把

value

一起提交上去

12、檔案域-file

:可以選擇檔案

13、下拉列表和列表:

」名字」

>

」」selected=」」

>顯示的內容

14、文字域:textarea:

可以設定多行,一般用於論壇啊等等

十、多**頁面

1、文字的動畫

marquee:設定文字滾動 

文字(可以嵌入

front

設定屬性)

。屬性可以設定方向、滾動迴圈次數、速度、延遲、帶範圍滾動、背景顏色等等

2、背景**:」」

」」....各種屬性

>

4、canvas

可以繪製圖形影象,可以畫直線、圓、多邊形、顏色、透明度等等(不過我覺得幹嘛不直接把做好了用呢?)還提供的預覽功能,儲存和處置的

十一、 

html5

的新特性

1、全域性屬性:指對所有元素都有效的屬性。

contenteditable:允許使用者編輯元素中的內容,頁面可以修改編輯。加在元素屬性裡面 

「contenteditable=

」true」」

spellcheck:拼寫檢查,如

」true

」>

十二、檔案與拖放

檔案1、

在html5

中,允許一次新增多個檔案,只需要在

file

的屬性裡寫乙個

」multiple

」。filelist

用於存放選擇的多個檔案。

function showname()

}」file

」id=

」file 

」multiple 

size=」50

」/>

」button

」οnclick=

」showname;

」value=」提交

」/>

2、file有

size

、type

、name

等屬性可以選擇,可以通過型別篩選檔案型別是否合法。

」file

」id=

」file 

」accept=

」image/*

」/>表示只接受型別檔案

3、filereader可以提供讀取、讀取文字的

api。在使用前,需要判斷瀏覽器是否支援此介面。

if(typeof 

filereader==

』undefined』)

4、預覽讀取:readasdataurl

。一般是先定義乙個

div塊,然後後面通過

innerhtml

來實現在那個塊上進行顯示

5、預覽文字檔案:readastex

。一般是先定義乙個

div塊,然後後面通過

innerhtml

來實現在那個塊上進行顯示

6、filereader有很多介面實現,

onload

是讀取成功後觸發,然後再顯示讀取的內容。還有讀取中觸發、失敗觸發、終端觸發、讀取開始觸發等等拖放

1、在html5

中,除了可以在瀏覽器內部進行拖放外,還可以與其他的應用程式之間進行拖放操作。

2、拖放一般做兩步:

1將要拖放的元素的

draggable

屬性設定為

true。2

編寫拖放事件處理**

3、datatransfer

物件是存放拖動的資料

4、setdragimage

可以設定拖放圖示

1、html5

2、的時候,需要使用

src5、常用方法:

media.play()

或.pause()

或.load()過載

第二章 HTML5表單

1 html 5表單特性 1.placeholder 這是乙個佔位符。該特性用於簡短的描述。2.autofocus autofocus,自動焦點。新增該特性的input欄位會在頁面渲染完以後自動獲取焦點。3.autocomplete autocomplete,自動完成。特性根據使用者輸入的內容自動完...

HTML學習5 30(第二章)

我採用了華為彩雲字型,字型大小為5,顏色為藍色 我採用預設字型,字型大小為3,顏色為綠色 我採用了隸書字型,字型大小和顏色均預設!什麼也不設定 測試預設字型大小,這裡應該和第一行字型大小一致 測試預設字型大小,size 5 color blue 這裡應該和第一行字型大小一致 測試預設字型大小,siz...

第二章學習筆記

在c 中,陣列下標從0開始,而不是1.c 不支援陣列的抽象,也不支援對整個陣列的操作。在c 中,物件可以靜態分配 即編譯器在處理程式源 時分配,也可以動態分配 即程式執行時,用執行時刻庫函式來分配。靜態與動態記憶體分配的兩個主要區別是 1 靜態物件是有名字的變數,可以直接對你進行操作。而動態物件是沒...