离线下载
获取电子书

稻米鼠 · 更新于 2018-02-23 02:01:00

第五章 一个模板

终于开始要做点什么了,想想还有点小激动呢~

咱们要先写一个基本的模板,或者说一个基础的 Html 文件所必备的一些代码。这就好像呢我们要写一封信,肯定是要先写上称呼的,最后肯定也要有落款和日期,这是一种固定的格式,那么我们现在就把网页文件的固定格式先写出来,至于内容(就好像信的内容)我们以后再说。

打开你的编辑器,比如我们上节课说到的 Notepad++,然后新建一个文件,在其中粘贴上如下代码,然后保存为 index.html

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>这里是标题</title>
    </head>
    <body>

    </body>
</html>

然后我们来逐行讲解:

<!DOCTYPE html>

doc 是文档的缩写;

type 是类型;

这里就是声明一下我的文档类型是 html

<html lang="zh">
</html>

这一对标记是说,我们标记的部分就是 html 代码了。想想我们前边讲的小故事,想想标记是怎么回事哦~

lang 是语言的缩写,zh 是中文,英文的话是 en。就是说页面的主要语言是中文

<head>
</head>

文件的头部,这里面的信息用来说明这个文档的某些事情。因为头是用来说的啊,

<meta charset="UTF-8">

第一个要说明的事情来了,

meta 元数据,那么这里说下是什么元数据呢?就是一些说明性的数据,比如文章的元数据,那就是用来说明这篇文章的一些相关信息的,比如作者,比如分类,比如字数,比如创作日期 …… 这里的元数据是用来说明这个网页的一些信息的。

charset 字符集是 UTF-8 ,这个就是编码啊。我们平时说的乱码就是因为编码不对,一个人说英语一个人说中文,不误会才怪呢。

<title>这里是标题</title>

这个还用说吗?都明摆着写在这里了。

title 是标题的意思,这里是用来显示在浏览器的标题栏(现在都是标签页了)上面的信息。

<body>
</body>

body 身体啊,这里就是我们写网页内容的地方了,是跟前面 <head></head>相对应的。头是用来说(说明)的,身体是用来干活的。

好像可以看懂了呢~

其实这就是一个模版,初学的时候懂不懂的没关系,每次照抄就行了。

你说什么?背一下?

别开玩笑了,我也没记住,都是复制过来用的……

本章学习卡片:卡片 5


本书是收费的,不过交费凭自觉。价格定义为每人请我喝一杯咖啡(哪种品质的咖啡随意),支付宝账号:

alay9999@163.com (刘源)

为了让大家阅读方便,本书将在如下站点发布,但最终内容以主站为准:

未经本人许可,禁止任何形式转载。相关事宜请联系: dms@zji.me