猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

如何用HTML5制作网页?

如何用HTML5制作网页


守着一只汪
浏览 1062回答 2
2回答

RISEBY

html5标签掌握了，从上到下从左到右，标签合理使用，先把框架搭好，再结合css3做效果，先花时间把html5 css3看两遍，再看网页设计html5制作教程就ok了当然这只是最简单的
0

蛊毒传说

现在以HBuilder工具编写为例：&nbsp;&nbsp; 1. 打开此工具，在项目管理器中右键单击创建一个web 项目&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.右键单击项目名称，新建一个HTML文件----form01.html<!DOCTYPE html><!--&nbsp;&nbsp; &nbsp;作者：offline&nbsp;&nbsp; &nbsp;时间：2017-01-06&nbsp;&nbsp; &nbsp;描述：form表单&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;在form标签中，有两个经常使用的属性&nbsp;&nbsp; &nbsp;action：表单提交服务器地址&nbsp;&nbsp; &nbsp;method: 表单提交的方法/方式----get/post&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 其他提交方式---put delete&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 提交方式----get（默认的提交方式）&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.请求的参数放到地址栏中&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.不安全&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3.存在缓存&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4.传输数据的大小收到限制&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 提交方式----post&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1.请求的参数放到http协议中&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2.相对安全---账号密码等信息不会放到地址栏中&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 3.没有缓存&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4.传输数据的大小限制较小&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 修改成post之后，可能会出现错误信息。&nbsp;&nbsp; &nbsp;input标签：定义输入字段，用户可在其中输入数据。&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 属性：&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type 指示 input标签的类型，默认的是text&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 按钮类型： 普通按钮 button 重置按钮 Reset&nbsp; 提交按钮 submit&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value 定义要显示的文本。--><html>&nbsp;&nbsp; &nbsp;<head>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<meta charset="utf-8">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<title>form表单1</title>&nbsp;&nbsp; &nbsp;</head>&nbsp;&nbsp; &nbsp;<body>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; <form action="" method="post">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;<input type="text" name="username" value="zhangsan" />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;<input type="submit" value="提交" />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; </form>&nbsp;&nbsp; &nbsp;</body></html>&nbsp;&nbsp; 3.查看此网页是不是HTML5，主要看表头&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式&nbsp;&nbsp;&nbsp;
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

Html5