概括:利用HTML5模仿百度首頁。
時間:接近一天的時間辛蚊。
內(nèi)容概括:掌握部分基礎(chǔ)標(biāo)簽色罚。
詳情:
剛開始接觸HTML5 ,組長給我的任務(wù)是四五天之內(nèi)將百度首頁模仿出來。
觀察首頁赋除,發(fā)現(xiàn)只是需要幾個超鏈接阱缓,一個輸入框,一個按鈕举农,幾個小圖片荆针,剩下的就是擺放的位置的問題。
但是做的過程中發(fā)現(xiàn)還需要作用js 的onmouseover? 和onmouseout 函數(shù)來實現(xiàn)鼠標(biāo)移入移出隊形窗口彈出收回。(當(dāng)然這次學(xué)習(xí)還沒有解決這個問題)
用到的標(biāo)簽:
1.超鏈接
<a href ="跳轉(zhuǎn)的網(wǎng)址">?
2.圖片
<img src="圖片信息" alt="圖片詳細(xì)信息">? //圖片必須和HTML文件放在同一個目錄下
alt屬性:①·如果無法顯示圖像航背,瀏覽器將顯示替代文本喉悴。②·當(dāng)用戶把鼠標(biāo)移到圖像上方,最新的瀏覽器會在一個文本框中顯示描述性文本玖媚。
3.表單 (粗略)
<form name="input"? action="html_form_action.asp " method="get">
<form>標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單箕肃。
action屬性:當(dāng)提交表單時,發(fā)送表單數(shù)據(jù)到名為 "html_form_action.aspl" 的文件今魔。? //與后端相聯(lián)系
name 屬性:規(guī)定表單的名稱??? //相當(dāng)于變量名
method屬性:屬性規(guī)定如何發(fā)送表單數(shù)據(jù)? //相比于get勺像, post 更安全。表單數(shù)據(jù)會被發(fā)送到在 action 屬性中規(guī)定的頁面中
<input type="text" name="" value="">
<input> 標(biāo)簽用于搜集用戶信息错森。
type 屬性規(guī)定 input 元素的類型吟宦。? //①.當(dāng)type="submit"button", "reset", "submit""時,定義按鈕上的顯示的文本涩维。②.當(dāng)type="text", "password", "hidden",- 定義輸入字段的初始值殃姓。③當(dāng)type="checkbox", "radio", "image" - 定義與輸入相關(guān)聯(lián)的值。
type="checkbox"和 tyoe="radio" 中必須設(shè)置 value 屬性瓦阐。
name 屬性規(guī)定 input 元素的名稱辰狡。 //只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
value 屬性為 input 元素設(shè)定值垄分。
未解決的問題:
1.通過css 開具體細(xì)節(jié)改變字體(比如微軟雅黑轉(zhuǎn)宋體)
2.通過js 來實現(xiàn)鼠標(biāo)控制窗口彈出收回宛篇。