1、語(yǔ)義化的web頁(yè)面,HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語(yǔ)言，是WWW的描述語(yǔ)言。 HTML是網(wǎng)絡(luò)的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。, web頁(yè)面 example ,受益人,Spider,developer,js,css,Html,結(jié)構(gòu),顯示,行為,元素（element） 標(biāo)簽（tag） 屬性（attribute） 塊級(jí)元素（block-level box） 行內(nèi)元素 (inline-level box) div span id c

2、lass,在xhtml中，,和都是必須的標(biāo)簽。 必須設(shè)置標(biāo)簽的xmlns屬性，且其值為/1999/xhtml 所有元素都必須結(jié)束。 所有標(biāo)簽都必須小寫。 任何屬性值必須用單引號(hào)/雙引號(hào)引起來。 所有屬性必須有值。 “ document.write(a+“world”); hello world Press a to continue,日歷 類似Excel那樣的電子數(shù)據(jù)表 統(tǒng)計(jì)圖形 日常安排表 , 表格標(biāo)題 單元頭 單元尾 內(nèi)容內(nèi)容 ,form action method enctype accept accept-charset name, text:文本輸入框

3、 password：密碼輸入框 file：文件上傳 checkbox：復(fù)選框 radio：?jiǎn)芜x框 hidden：隱藏輸入 reset：重置 submit/image：提交,按鈕 文本域 菜單選項(xiàng)1 菜單選項(xiàng)2 ,fieldset legend label, 會(huì)員注冊(cè) 用戶名 用戶名 ,DIV+CSS ?, 貸款首頁(yè)最新活動(dòng) , 1 2 , 貸款首頁(yè)最新活動(dòng) 1 2 list_name , 貸款首頁(yè) 最新活動(dòng) 成功秘笈 貸款群英 貸款論壇 專家博客 熱門資訊 貸款問答 , 貸款首頁(yè) 最新活動(dòng) 成功秘笈 貸款群英 貸款論壇 專家博客 熱門資訊 貸款問答 ,Table布局的核心在于設(shè)計(jì)一個(gè)能滿足版式

4、要求的表格結(jié)構(gòu)，將內(nèi)容裝入每個(gè)單元格中，間距及空格則通過gif等進(jìn)行占位來實(shí)現(xiàn)，最終的結(jié)構(gòu)是一個(gè)復(fù)雜的表格，不利于設(shè)計(jì)和修改。,1、結(jié)構(gòu)復(fù)雜，冗余多，下載速度慢 2、表現(xiàn)樣式和結(jié)構(gòu)混雜在一起，維護(hù)不方便 3、毫無語(yǔ)義，對(duì)搜索引擎不友好 4、可重用性低 5、嵌入javascript等其他效果困難,缺點(diǎn), 首頁(yè)關(guān)于阿里巴巴管理層 banner 公司概況管理層文化和價(jià)值觀 高級(jí)管理層 衛(wèi)哲 首席執(zhí)行官 衛(wèi)哲為本公司執(zhí)行董事兼首席執(zhí)行官。 ,利器應(yīng)用,Firebug Ietester Expression web super preview Ie8 開發(fā)人員工具,Firebug簡(jiǎn)介,本人最為順手的前端調(diào)試工具，比較快捷、準(zhǔn)確，有實(shí)時(shí)調(diào)試更、改各個(gè)元素屬性的強(qiáng)大功能。可謂是前端人員不可或缺的一把利劍。當(dāng)然美工人員用它做即時(shí)的再更改最為直觀。,Ietester,專為IE家族打造的多版本IE瀏覽器共存需要，所實(shí)現(xiàn)的一攬子方案。有了她，則可以在一臺(tái)機(jī)器上同時(shí)擁有至少IE5.5IE8多個(gè)版本。,Expression web super preview,此寶貝目前尚處于beta階段，她可是個(gè)很有前途的前端之星，光看名稱也許您會(huì)比較陌生，但是提起她的出處，則是無人不知無人不曉，她是來自全球人都知道