1. HTML：標(biāo)簽似語言/ CSS：前端框架
2. 處理界面原圖
? ? 1）下載Ps：P大官網(wǎng)，免費(fèi)下載。直接在學(xué)校官網(wǎng)用迅雷下載赂苗，速度超快，大概10M/s项鬼。
? ? 2）將原圖分出五部分：banner哑梳、bg、login_bg绘盟、login_btn鸠真、logo
? ? 3）<div> 標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分龄毡。
3. 寫HTML文檔
? ? 1）<meta> 元素可提供有關(guān)頁面的元信息：https://www.w3school.com.cn/tags/tag_meta.asp
? ??????http-equiv 屬性為名稱/值對提供了名稱吠卷。content 屬性提供了名稱/值對中的值，該值可以是任何有效的字符串沦零。
? ? 2）<link> 標(biāo)簽定義文檔與外部資源的關(guān)系：https://www.w3school.com.cn/tags/tag_link.asp
? ? 3）<div> 可定義文檔中的分區(qū)或節(jié)：https://www.w3school.com.cn/tags/tag_div.asp
? ? ? ? css中祭隔，“#”表示ID名，“.”表示類路操。
? ? 4）<a> 標(biāo)簽定義超鏈接疾渴，用于從一張頁面鏈接到另一張頁面：https://www.w3school.com.cn/tags/tag_a.asp
? ? ? ? 其實(shí)就是跳轉(zhuǎn)頁面
? ? 5）<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單：https://www.w3school.com.cn/tags/tag_form.asp
? ? 6）<fieldset> 標(biāo)簽將表單內(nèi)容的一部分打包，生成一組相關(guān)表單的字段屯仗。
5. id和class的區(qū)別：id和class都是屬性搞坝，不是標(biāo)簽。ID只能用于一個標(biāo)簽魁袜，唯一標(biāo)示桩撮；class能用于多個標(biāo)簽敦第，標(biāo)示一類標(biāo)簽；用后者你可以一次改變很多標(biāo)簽的css屬性店量，很多時候更方便芜果，應(yīng)用也更廣。
6. css樣式表
