为什么是HTML
我们在网络时代的快车道上
网络从诞生之初到如今已经有二十余年了,如今它已经完全融入了我们的生活。
而网络核心语言的最新版本——HTML5在年诞生,H5APP也在移动端上占领一席之地,如今掌握一些网络技术已经成为每个人的需要。
这里我们将逐步解锁一些有用的网络技术,方便你我的生活。
怎么写第一个HTML文件
HTML文件是一种最普通的网络文件,它用浏览器就可以直接打开,使用文本文档就可以直接编写,非常方便。
上面四幅图片已经简单展示了一个简单的HTML文件的诞生过程。
简单说来有以下步骤:
1.新建一个文本文档。
你一定会发现,我们只使用了文本文档,其实并不意外,HTML的中文释义正是超文本标记语言。
2.输入HTML文件内容
第一眼望上去很复杂,但其实会发现我们在正文hello,world之外的所有内容都是以?.../?的形式出现,而标签是不现实在最终结果里面的。
其实???正是HTML文件的一个重要部分——标签(tags)。
它的作用也很简单,告诉浏览器某一部分是干什么的,一般的?表示开头,/?表示标签结束,它们之间就是标签的内容。
比如,浏览器需要显示的部分就在body.../body标签之间。
而文档的各种属性和信息和其他文档的关系则在head.../head标签之间。
整个文件作为HTML文件,又在html.../html标签之间,即所有内容都在这两个标签里面。
其中headbody是HTML最主要的标签,在标签之中还有很多标签,我们会在之后介绍。
这里我们使用的是h1标签,它的意义是标题,其实还有h2~h6,他们其实代表着文字大小依次减小,我们把文字放在bodyh1.../h1/body,也就告诉浏览器我们要以大标题的格式显示hello,world了。
3.另存为成HTML文件
这个过程其实挺简单,但是我们需要留意的是,我们在保存的时候建议使用UTF-8编码,这样我们才能输入中文而不会变成乱码。
4.使用浏览器打开
这是最后一步了,你将会在浏览器里看见你的成果。
TIPS
如果你在上面例子中输入中文会变成乱码,另存为成UTF-8编码也是不行的,这时你可以尝试这样做:告诉浏览器,这个文件中是必须使用UTF-8编码的。
我们就需要在head.../head标签之间输入:
metacharset="UTF-8"/
这个正是head头部内标签之一,它告诉浏览器这个文档的编码是什么。
除了TXT编写HTML文件之外,我们还推荐MarkDownPad进行创作,因为它具有实时预览功能,对我们更加友好。
扫描下方