html5頁(yè)面和一般的html頁(yè)面區(qū)別基本不算太大,因?yàn)槲乙矂倓偨佑|h5不久。在一般的頁(yè)面上加上h5的頭信息就可以吧一般頁(yè)面變成h5頁(yè)面了。在h5頁(yè)面上。需要注意一下width和height,標(biāo)簽的話基本上是多了一些新的。和廢除了一些舊的,你下一個(gè)h5的chm看下就知道了。我現(xiàn)在做項(xiàng)目,用的就是h5,用的頭信息是這個(gè):
網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)的開發(fā),更需要了解用戶,從用戶角度來(lái)建設(shè)網(wǎng)站,獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)建站多年互聯(lián)網(wǎng)經(jīng)驗(yàn),見的多,溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司,打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷的概念。選擇創(chuàng)新互聯(lián)建站,不只是建站,我們把建站作為產(chǎn)品,不斷的更新、完善,讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。
meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
[img]html
head
title第一個(gè)html網(wǎng)頁(yè)/title
metacharset="utf-8"
/head
body
/body
/html
html
head
title第一個(gè)html網(wǎng)頁(yè)/title
metacharset="utf-8"
/head
body
table
tr
td第一行第一列/td
td第一行第二列/td
/tr
tr
td第二行第一列/td
td第二行第二列/td
/tr
/table
/body
/html
擴(kuò)展資料
HTML語(yǔ)言特點(diǎn)
1、HTML語(yǔ)法較弱。
在w3c制定的HTML5規(guī)范中,對(duì)于HTML5在語(yǔ)法結(jié)構(gòu)上的規(guī)格限制是較松散的,如、或在瀏覽器中具有同樣的功能,是不區(qū)分大小寫的。另外,也沒有嚴(yán)格要求每個(gè)控制標(biāo)記都要有相對(duì)應(yīng)的結(jié)束控制標(biāo)記。
2、HTML5編寫簡(jiǎn)單。
即使用戶沒有任何編程經(jīng)驗(yàn),也可以輕易使用HTML來(lái)設(shè)計(jì)網(wǎng)頁(yè),HTML5的使用只需將文本加上一些標(biāo)記(Tags)即可。
3、HTML標(biāo)記數(shù)目有限。
在w3C所建議使用的HTML5規(guī)范中,所有控制標(biāo)記都是固定的且數(shù)目是有限的。固定是指控制標(biāo)記的名稱固定不變,且每個(gè)控制標(biāo)記都已被定義過(guò),其所提供的功能與相關(guān)屬性的設(shè)置都是固定的。
1、啟動(dòng) Visual Studio 2010。
2、在“文件”菜單中,依次選擇“新建”和“項(xiàng)目”。將打開“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”,然后將其命名為“HTML5Template”。單擊“確定”。
3、在這個(gè)項(xiàng)目中添加下面這些文件。
兩個(gè)分別放置js和css的文件夾:css、js
HTML5基本模板頁(yè):index.html
jQuery:jquery-1.4.2.min.js
Modernizr :modernizr-1.5.min.js
HTML5 樣式文件:html5reset.css
下面是表單代碼,你直接再加屬性就可以了,表單用 table 寫比較簡(jiǎn)單,div 太麻煩了;
html xmlns=" "
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title黑板/title
/head
body
div style="width:500px;"
h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;"用戶注冊(cè)頁(yè)面/h1
table cellpadding="0" cellspacing="10" style="margin:0 auto;"
tr
td align="right" valign="top"div用戶名:/div/td
tdinput style='width:250px' value='請(qǐng)輸入用戶名' //td
/tr
tr
td align="right" valign="top"div密 碼:/div/td
tdinput style='width:250px' value='請(qǐng)輸入密碼' //td
/tr
tr
td align="right" valign="top"div確 認(rèn):/div/td
tdinput style='width:250px' value='請(qǐng)?jiān)俅屋斎朊艽a' //td
/tr
tr
td align="right" valign="top"div姓 名:/div/td
tdinput style='width:250px' value='請(qǐng)輸入真實(shí)姓名' //td
/tr
tr
td align="right" valign="top"div郵 箱:/div/td
tdinput style='width:250px' value='請(qǐng)輸入電子郵箱' //td
/tr
/table
div align="center"input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注冊(cè)" //div
/div
/body
/html
現(xiàn)在以HBuilder工具編寫為例:
1. 打開此工具,在項(xiàng)目管理器中右鍵單擊創(chuàng)建一個(gè)web 項(xiàng)目
2.右鍵單擊項(xiàng)目名稱,新建一個(gè)HTML文件----form01.html
!DOCTYPE html
!--
作者:offline
時(shí)間:2017-01-06
描述:form表單
在form標(biāo)簽中,有兩個(gè)經(jīng)常使用的屬性
action:表單提交服務(wù)器地址
method: 表單提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get(默認(rèn)的提交方式)
1.請(qǐng)求的參數(shù)放到地址欄中
2.不安全
3.存在緩存
4.傳輸數(shù)據(jù)的大小收到限制
提交方式----post
1.請(qǐng)求的參數(shù)放到http協(xié)議中
2.相對(duì)安全---賬號(hào)密碼等信息不會(huì)放到地址欄中
3.沒有緩存
4.傳輸數(shù)據(jù)的大小限制較小
修改成post之后,可能會(huì)出現(xiàn)錯(cuò)誤信息。
input標(biāo)簽:定義輸入字段,用戶可在其中輸入數(shù)據(jù)。
屬性:
type 指示 input標(biāo)簽的類型,默認(rèn)的是text
按鈕類型: 普通按鈕 button 重置按鈕 Reset? 提交按鈕 submit
value 定義要顯示的文本。
--
html
head
meta charset="utf-8"
titleform表單1/title
/head
body
form action="" method="post"
?? ?input type="text" name="username" value="zhangsan" /
?? ?input type="submit" value="提交" /
/form
/body
/html
3.查看此網(wǎng)頁(yè)是不是HTML5,主要看表頭
4.HTML5新增了很多新內(nèi)容,具體可以查看API,例如:在網(wǎng)頁(yè)中嵌套音頻/視頻文件的格式