编写第一个HTML5文件

1.3.1 HTML文件的编写方法
编写HTML文件主要有如下3种方法:
手工直接编写
由于HTML语言编写的文件是标准的ASCII文本文件,所以我们可以使用任何的文本编辑器来打开并编写HTML文件,如Windows系统中自带的记事本。
使用可视化软件
WebStorm、Dreamweaver、Sublime等软件均可以可视化的方式进行网页的编辑制作。
由Web服务器一方实时动态生成
这需要进行后端的网页编程来实现,如JSP、Asp,PHP等,一般情况下都需要数据库的配合。
1.3.2 手工编写页面
下面先使用记事本来编写我们的第一个HTML文件。步骤如下:
(1)选择“开始”→“程序”→“附件”→“记事本”
程序,如图1.5所示。

图1.5记事本
(2)在记事本中直接键入下面的HTML代码:

01  <html>
02  <head>
03  <title>简单的HTML文件</title>
04  </head>
05  <body text="blue">
06  <h2 align="center">HTML5初露端倪</h2>
07  <hr>
08  <p>让我们一起体验超炫的HTML5旅程吧</p>
09  </body>
10  </html>

(3)输入代码后,记事本中显示出代码的内容,如图1.6所示。

图1.6显示了代码的记事本
(4)打开记事本菜单中的“文件→保存”命令,弹出如图1.7所示的“另存为”对话框。

图1.7“另存为”对话框
(5)在对话框中选择存盘的文件夹,然后在“保存类型”中选择“所有文件”,在“编码”中选择UTF-8,这里将“文件名”1-2.html,然后单击“保存”按钮。

原文地址:http://blog.51cto.com/13423192/2063625

时间: 2024-10-15 21:46:28

编写第一个HTML5文件的相关文章

手动编写第一个javaWEB文件

首先看一下文件结构的目录:(我用的idea集成开发环境,默认有.idea包,如果不用任何工具创建项目,.idea包不用管,按照创建过程走即可) 创建过程: 1.建立web项目文件-->myhome 2.在myhome文件夹下创建index.jsp页面,页面内容: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&q

求一个HTML5 表单的写法例子

表单是用来获取用户输入的一些数据,最常见的就是注册,登录之类的: 首先,打开IDEA软件,并新建一个工程,建好后,右键创建一个html5文件,完成后便完成了最开始的工作: 接 着我们先熟悉一些较常用的表单标签:表单 ,  输入域,文本域 ,按钮,域的标 题,控制标签等.我们创建一个form,如图,输入一些你想要创建的东西(我演示的仅为用户密 码) 打开网页看效果图,便是这样的效果了,拥有了最简单的帐号密码: 同时,我们还可以添加一些选择的元素,如你喜欢什么游戏:

HTML5 文件拖放API讲解

本章向大家讲解一下HTML 5中文件API与拖放API的使用方法.HTML5的文件API,可以在浏览器中直接显示客户端文件的信息或文件中的内容,而通过拖放API,可以直接将位于客户端中的文件拖动到浏览器中,也可以单独拖动页面中的元素或者元素中的内容. HTML5拖拽文件预览效果图: 在线演示 以前,我们使用file控件,单击上传按钮后选择计算机中的文件.在HTML5中,我们可以先将计算机中的文件直接拖动到浏览器中进行预览,确定文件是我们所需要的,然后单击上传按钮将该文件上传到服务器端. 我们使用

HTML5文件上传组件美化jQuery插件

简要教程 jQuery.filer是一款简单的HTML5文件上传组件美化jQuery插件.它能够完成单文件和多文件的上传,支持文件的拖拽,支持不同的文件格式校验,支持缩略图和图标等,是一款非常实用的文件上传插件.它的特点还有: 对文件上传File Input组件进行美化 支持多文件上传 支持校验文件:大小,扩展名等 支持创建文件的缩略图 每种类型的文件可以自定义图标 可以为缩略图,图标和input自定义模板和主题 可以移出已选择的文件 可以从剪切板粘贴图片 所有的图标在一个字体文件中 支持文件拖

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条,矢量在<矢量Chart图表嵌入HTML5网络拓扑图的应用>一文中已经讲述了关于setCompType()方法的应用,今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条,我们先来看下效果图: 从效果图可以看到,向服务器上传了一个mp4文件,并在最下方显示

记一个html5 drawImage的问题NS_ERROR_NOT_AVAILABLE:

本地html文件,在firefox下打开,调用到drawImage报错:NS_ERROR_NOT_AVAILABLE. 不能放到桌面,换个目录就好了,路径问题. 记一个html5 drawImage的问题NS_ERROR_NOT_AVAILABLE:,布布扣,bubuko.com

JavaScript网站设计实践(七)编写最后一个页面 改进表单

原文:JavaScript网站设计实践(七)编写最后一个页面 改进表单 一.最后一个页面 contact.html.改进表单 在该页面实现的功能: 几乎所有的网站都会有表单填写,对于用户输入和填写的数据,首先我们一般现在前台验证,然后再去后台验证. 在前台最简单的验证:检查必填字段是否填写.填写格式是否符合要求等. 每个表单里面,当获取到输入焦点时,令提示文本消失 现在开始动手来写. 1.实现思路 (1)在这个表单里会验证的是必填字段和邮箱格式是否正确.首先,把判断必填字段和邮箱格式分别写在两个

4个小时实现一个HTML5音乐播放器

技术点:ES6+Webpack+HTML5 Audio+Sass 这里,我们将一步步的学到如何从零去实现一个H5音乐播放器. 首先来看一下最终的实现效果:Demo链接 接下来就步入正题: 要做一个音乐播放器就要非常了解在Web中音频播放的方式,通常都采用HTML5的audio标签关于audio标签,它有大量的属性.方法和事件,在这里我就做一个大致的介绍. 属性:src:必需,音频来源:controls:常见,设置后显示浏览器默认的audio控制面板,不设置默认隐藏audio标签:autoplay

越狱开发:用iosOpenDev配置越狱开发环境 编写第一个hello world-b

上网搜索越狱环境搭建,查到iosOpenDev软件,是个很方便的编写插件,而且可以直接用Xcode创建的工具,便开始着手学习如何去安装 集合了网上的方法后,我安装的时候发现: 1.作者最后更新的时间是四个月前,而且并未适配Xcode 6之后的版本,所以在当前OS X 10.11.1 和Xcode 7 下造成了很多问题 尤其是大量的安装失败却得不到解答方法,很是让我懊恼 2.同时需要适配的安装工具也已经严重过期,比如theos,ldid等工具 所以根据自己的摸索,附上一篇如何安装iosOpenDe