码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-09-23 09:40:06      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:nbsp   网页   chrome   xxx   系统用户   lin   服务器   www   第一个   

技术图片

 

现在学习HTML5的方式

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

 

简单HTML实例制作

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

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

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

技术图片

 

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

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

技术图片

图 第一个HTML实例演示

 

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

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

标签:nbsp   网页   chrome   xxx   系统用户   lin   服务器   www   第一个   

原文地址:https://www.cnblogs.com/itxdl/p/11570409.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!