如何用HTML5制作网页

如何用HTML5制作网页,第1张

现在以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">

        <title>form表单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,例如:在网页中嵌套音频/视频文件的格式

可以挑选专业的h5制作工具来制作h5页面。

不同于简单替换图片文字,专业的h5页面制作工具有丰富的交互功能可供使用,制作出来的h5页面更酷炫和丰富,使用户印象深刻,比较知名的工具有:epub360等。

通常我们所说的H5就是H5广告,大多是在微信上宣传营销使用的,而HTML5是第五代HTML的标准,可以说,H5都是基于 HTML5 实现的,包括目前我们看到的大部分网页,基本上所有H5都遵循HTML5这个规范,不然就会出现问题。

它是一种基于互联网的网页编程语言,而手机端广告只不过是其中的一个点。2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,在经历了各种被实验,被抛弃,被甩,被各家大佬当皮球踢来踢去之后,html5的规范终于正式定稿了!

1、打开p图的网页;

2、点击加号按钮,开始制作H5页面;

3、选择新建一个空白页面自己添加内容,可以选用模板来制作,这里选择来用一个模板制作H五页面选择一个符合自己要求的模板。

4、通过上方工具栏来添加或者修改页面中的文字图片背景等;

5、也可以制作素材利用PS或AI美图等工具或是上传照片;

6、为图片,文字添加动画效果,选择图片或文字在动画窗口选择动画效果.设置参数预览调整参数到达想要效果;7、添加背景音乐,点击上方工具栏音乐符号,在乐


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8297268.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存