八、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是指向處理資料的指令碼或者程式的位址,也可以直接是乙個位址,說明資料提交的地方,如
位址。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 靜態物件是有名字的變數,可以直接對你進行操作。而動態物件是沒...