1、lthtml lthead ltstyle type=quottextcssquot div border medium double rgb250，0，255width150px ltstyle lthead ltbody ltdiv ltdivlabel0000 ltdiv ltdivlabel1111 ltdiv ltdivlabel2222 lt；在ltbodyltbody中輸入“自己做的第一個(gè)網(wǎng)頁(yè)，厲害吧”完成后點(diǎn)擊保存并將記事本后綴名txt改為html格式 4將記事本重命名為html格式后，出現(xiàn)如下格式5雙擊打開(kāi)此文件就會(huì)出現(xiàn)瀏覽器網(wǎng)頁(yè)效果了；300quot height=quot100quot border=quot0quot align=quotcenterquot cellpadding=quot0quot cellspacing=quot0quot class=quottableborderquot lttr lttdclass=quottableborderquot是對(duì)樣式的調(diào)用，寫(xiě)在table標(biāo)簽內(nèi)lttd lttd lttd lttr lttable；打開(kāi)現(xiàn)有 CSS 文件指定作為流體網(wǎng)格 CSS 文件打開(kāi)的 CSS 文件6保存此文件保存 HTML 文件時(shí)，系統(tǒng)提示您將依賴文件如 boilerplatecss 和 保存到計(jì)算機(jī)上的某個(gè)位置指定一個(gè)位置，然后單擊“復(fù)；1文件應(yīng)以“l(fā)t！DOCTYPE ”首行頂格開(kāi)始，推薦使用“l(fā)t！DOCTYPE html”lt！DOCTYPE html 2必須聲明文檔的編碼charset，且與文件本身編碼保持一致，指定字符編碼的 meta 必須是 head 的第一個(gè)直接子元素推薦使用UTF。

2、H5是指第5代HTML，也指用H5語(yǔ)言制作的一切數(shù)字產(chǎn)品所謂HTML是“超文本標(biāo)記語(yǔ)言”的英文縮寫(xiě)我們上網(wǎng)所看到網(wǎng)頁(yè)，多數(shù)都是由HTML寫(xiě)成的“超文本”是指頁(yè)面內(nèi)可以包含圖片鏈接，甚至音樂(lè)程序等非文字元素而“標(biāo)記；編譯文本，以最簡(jiǎn)單的代碼格式為例lthtml lthead lttitle lttitle lthead ltbody ltbodylthtml 在ltbodyltbody寫(xiě)入你要寫(xiě)的內(nèi)容，下面以hello world為例修改文件后綴名，將txt改為html。

3、比較簡(jiǎn)便的寫(xiě)法是使用html5的新標(biāo)簽寫(xiě)，代碼少，缺點(diǎn)是兼容性差ltfieldset ltlegend個(gè)人信息ltlegend ltdiv內(nèi)容ltdivltfieldset兼容性高的ltdiv style=quotborder1px solid #cccwidth100%height50pxquot；h5編輯器寫(xiě)文案和圖片的方法如下1寫(xiě)一個(gè)標(biāo)準(zhǔn)的HTML5開(kāi)頭與結(jié)尾2在head中插入body3插入標(biāo)準(zhǔn)大小的文本4要將文本加粗的話，可以用b和strong標(biāo)簽5要改變文字的大小，可以用h標(biāo)簽，h1標(biāo)簽的字體最大；html5在實(shí)心圓寫(xiě)文字的方法如下1創(chuàng)建一個(gè)畫(huà)布，設(shè)置寬度和高度2獲取到元素，varcanvas=documentgetElementByIdquotcanvasquot3創(chuàng)建context對(duì)象，varctx=canvasgetContextquot2dquot4設(shè)置繪制文本的字體和字體大?。粚?xiě)純靜態(tài)的網(wǎng)頁(yè)，html5和html4也沒(méi)區(qū)別，要所見(jiàn)即所得的就用dreamweaver，甚至直接photoshop切片輸出html都可以，喜歡寫(xiě)源碼的，用任何順手的文本編輯器就可以了，不會(huì)vim的就推薦notepad++或者sublimetext2寫(xiě)帶javascript的。

4、通過(guò)把元素嵌套進(jìn) a 里使其變成一個(gè)鏈接將 img 嵌套進(jìn) a 元素中 如果我們要把圖片嵌套進(jìn) a 元素， 可以這樣寫(xiě)HTML 中有用于創(chuàng)建有序列表的特定元素有序列表以 ltol 開(kāi)始，中間包含一個(gè)或多個(gè) ltli；3寫(xiě)一個(gè)更新的函數(shù)，因?yàn)槲覀円屗麆?dòng)起來(lái)，所以每時(shí)刻繪制的地方都不一樣注意這里要用clearRect，這個(gè)函數(shù)，主要是為了清空畫(huà)布4寫(xiě)定時(shí)函數(shù)，每隔02秒就更新一次，重新繪制5最后來(lái)看看最終的效果，就完成；前段時(shí)間在網(wǎng)上看到了一個(gè)老外寫(xiě)的一個(gè)HTML5響應(yīng)式表格效果，它的CSS代碼用SASS寫(xiě)的，有許多重復(fù)的data屬性我們這里改進(jìn)一下他的代碼，解決一下他寫(xiě)的不好的地方要看到本例的響應(yīng)式表格效果，瀏覽器要縮放到小于600像素。

5、1 手寫(xiě)代碼這是最直接也最基礎(chǔ)的方法開(kāi)發(fā)者使用文本編輯器如Notepad++，Sublime Text，Visual Studio Code等直接編寫(xiě)HTML5代碼這種方法要求開(kāi)發(fā)者對(duì)HTML5的語(yǔ)法和結(jié)構(gòu)有深入的理解雖然這種方法初期可能比較困難；TML5是什么HTML5是指第5代HTML超文本標(biāo)記語(yǔ)言，也指用HTML5語(yǔ)言制作的一切數(shù)字產(chǎn)品網(wǎng)上的網(wǎng)頁(yè)，多數(shù)都是由HTML寫(xiě)成的“超文本”是指頁(yè)面內(nèi)可以包含圖片鏈接，甚至音樂(lè)程序等非文字元素而“標(biāo)記”指的是。

6、二HTML5開(kāi)發(fā)技術(shù)三個(gè)階段 HTML5開(kāi)發(fā)技術(shù)三個(gè)階段，分別是前端美工前端開(kāi)發(fā)和前端架構(gòu)前端美工主要負(fù)責(zé)最基本的一些平面設(shè)計(jì)，交互設(shè)計(jì)，不需要參加太多代碼問(wèn)題，中級(jí)HTML5開(kāi)發(fā)會(huì)寫(xiě)js，應(yīng)用js，用戶交互等，前端架構(gòu)是開(kāi)發(fā)；熟練運(yùn)用瀏覽器兼容技術(shù)，熟練進(jìn)行前端性能優(yōu)化設(shè)計(jì)熟練掌握HTML5技術(shù)開(kāi)發(fā)，熟悉響應(yīng)式布局和彈性盒布局，百分比應(yīng)布局，熟練掌握CSS3動(dòng)畫(huà)技術(shù)，且能熟練應(yīng)用Animatecss動(dòng)畫(huà)庫(kù)熟練使用HTML5新特性canvas，LocalStorage。