IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

时间:2023-03-22 12:33:44

IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

现在学习HTML5的方式

目前HTML还处于HTML4与HTML5之间的过渡使用阶段。移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题,以及开发人员对HTML5新技术需要一段时间了解和熟练,所以学习HTML必须兼顾这两个版本。可以按版本升级的方式,先学习HTML4的技术,再延伸学习HTML5新增加的内容。而HTML是一个不断变化的标准,不管是哪个版本都属于HTML技术,所以本书直接学习HTML5的标准,当然遇到与HTML4变化较大的地方也会重点指出。

简单HTML实例制作

学习使用HTML制作网页,最好、最快捷的方式就是边学边做实验,那么让我们建立一个简单的范例吧,非常容易。因为网页文档是纯文本文件,所以只需要两个工具即可:一个是文本编辑器,另一个是浏览器。下面介绍一个简单的HTML实例制作步骤,所有HTML页面的制作都可以参考同样的过程。

第一步:打开文本编辑器(推荐Notepad++,Linux系统用户可以使用vi)。记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存。

第二步:输入页面的主体标记。每个HTML页面都要包含这些主体标记,代码如下。

IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

第三步:将它命名为“xxxx.html”(随便你起一个什么名字,扩展名也可以是.htm)。例如,mypage. html。

第四步:使用浏览器直接打开这个文件,你会看见自己做得最简单的页面,如图所示。

IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

图 第一个HTML实例演示

如果希望将该页面发布到WWW上,让任何人都可以访问,就需要将其存放到Web服务器的文档根目录下。然后在客户端浏览器(Chrome)的地址栏中,通过输入该文件的URL进行访问,例如http://localhost/mypage.html。页面的显示内容和在本机中直接使用浏览器打开的结果相同,都是通过浏览器解析同样的HTML代码后输出的结果。