html5页面和一般的html页面区别基本不算太大,因为我也刚刚接触h5不久。在一般的页面上加上h5的头信息就可以吧一般页面变成h5页面了。在h5页面上。需要注意一下width和height,标签的话基本上是多了一些新的。和废除了一些旧的,你下一个h5的chm看下就知道了。我现在做项目,用的就是h5,用的头信息是这个:
网站建设、成都网站设计的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联建站多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联建站,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。
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第一个html网页/title
metacharset="utf-8"
/head
body
/body
/html
html
head
title第一个html网页/title
metacharset="utf-8"
/head
body
table
tr
td第一行第一列/td
td第一行第二列/td
/tr
tr
td第二行第一列/td
td第二行第二列/td
/tr
/table
/body
/html
扩展资料
HTML语言特点
1、HTML语法较弱。
在w3c制定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,如、或在浏览器中具有同样的功能,是不区分大小写的。另外,也没有严格要求每个控制标记都要有相对应的结束控制标记。
2、HTML5编写简单。
即使用户没有任何编程经验,也可以轻易使用HTML来设计网页,HTML5的使用只需将文本加上一些标记(Tags)即可。
3、HTML标记数目有限。
在w3C所建议使用的HTML5规范中,所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变,且每个控制标记都已被定义过,其所提供的功能与相关属性的设置都是固定的。
1、启动 Visual Studio 2010。
2、在“文件”菜单中,依次选择“新建”和“项目”。将打开“新建项目”对话框。在 Visual Basic 或 Visual C# 中选择“WEB应用程序”,然后将其命名为“HTML5Template”。单击“确定”。
3、在这个项目中添加下面这些文件。
两个分别放置js和css的文件夹:css、js
HTML5基本模板页:index.html
jQuery:jquery-1.4.2.min.js
Modernizr :modernizr-1.5.min.js
HTML5 样式文件:html5reset.css
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,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;"用户注册页面/h1
table cellpadding="0" cellspacing="10" style="margin:0 auto;"
tr
td align="right" valign="top"div用户名:/div/td
tdinput style='width:250px' value='请输入用户名' //td
/tr
tr
td align="right" valign="top"div密 码:/div/td
tdinput style='width:250px' value='请输入密码' //td
/tr
tr
td align="right" valign="top"div确 认:/div/td
tdinput style='width:250px' value='请再次输入密码' //td
/tr
tr
td align="right" valign="top"div姓 名:/div/td
tdinput style='width:250px' value='请输入真实姓名' //td
/tr
tr
td align="right" valign="top"div邮 箱:/div/td
tdinput style='width:250px' value='请输入电子邮箱' //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="提交注册" //div
/div
/body
/html
现在以HBuilder工具编写为例:
1. 打开此工具,在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称,新建一个HTML文件----form01.html
!DOCTYPE html
!--
作者:offline
时间:2017-01-06
描述:form表单
在form标签中,有两个经常使用的属性
action:表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get(默认的提交方式)
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后,可能会出现错误信息。
input标签:定义输入字段,用户可在其中输入数据。
属性:
type 指示 input标签的类型,默认的是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.查看此网页是不是HTML5,主要看表头
4.HTML5新增了很多新内容,具体可以查看API,例如:在网页中嵌套音频/视频文件的格式