网页入门手把手教你制作HTML网页

为什么是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进行创作,因为它具有实时预览功能,对我们更加友好。

扫描下方


转载请注明:http://www.aierlanlan.com/rzgz/920.html