概括：利用HTML5模仿百度首頁(yè)。

時(shí)間：接近一天的時(shí)間。

內(nèi)容概括：掌握部分基礎(chǔ)標(biāo)簽。

詳情：

剛開(kāi)始接觸HTML5 ,組長(zhǎng)給我的任務(wù)是四五天之內(nèi)將百度首頁(yè)模仿出來(lái)。

觀察首頁(yè)，發(fā)現(xiàn)只是需要幾個(gè)超鏈接，一個(gè)輸入框，一個(gè)按鈕，幾個(gè)小圖片，剩下的就是擺放的位置的問(wèn)題。

但是做的過(guò)程中發(fā)現(xiàn)還需要作用js 的onmouseover? 和onmouseout 函數(shù)來(lái)實(shí)現(xiàn)鼠標(biāo)移入移出隊(duì)形窗口彈出收回。（當(dāng)然這次學(xué)習(xí)還沒(méi)有解決這個(gè)問(wèn)題）

用到的標(biāo)簽：

1.超鏈接

<a href ="跳轉(zhuǎn)的網(wǎng)址">?

2.圖片

<img src="圖片信息" alt="圖片詳細(xì)信息">? //圖片必須和HTML文件放在同一個(gè)目錄下

alt屬性：①·如果無(wú)法顯示圖像，瀏覽器將顯示替代文本。②·當(dāng)用戶把鼠標(biāo)移到圖像上方，最新的瀏覽器會(huì)在一個(gè)文本框中顯示描述性文本。

3.表單 （粗略）

<form name="input"? action="html_form_action.asp " method="get">

<form>標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。

action屬性：當(dāng)提交表單時(shí)，發(fā)送表單數(shù)據(jù)到名為 "html_form_action.aspl" 的文件。? //與后端相聯(lián)系

name 屬性：規(guī)定表單的名稱??? //相當(dāng)于變量名

method屬性：屬性規(guī)定如何發(fā)送表單數(shù)據(jù)? //相比于get， post 更安全。表單數(shù)據(jù)會(huì)被發(fā)送到在 action 屬性中規(guī)定的頁(yè)面中

<input type="text" name="" value="">

<input> 標(biāo)簽用于搜集用戶信息。

type 屬性規(guī)定 input 元素的類型。? //①.當(dāng)type="submit"button", "reset", "submit""時(shí)，定義按鈕上的顯示的文本。②.當(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 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。

value 屬性為 input 元素設(shè)定值。

未解決的問(wèn)題：

1.通過(guò)css 開(kāi)具體細(xì)節(jié)改變字體（比如微軟雅黑轉(zhuǎn)宋體）

2.通過(guò)js 來(lái)實(shí)現(xiàn)鼠標(biāo)控制窗口彈出收回。