咱們要先寫一個(gè)基本的模板，或者說一個(gè)基礎(chǔ)的 Html 文件所必備的一些代碼。這就好像呢我們要寫一封信，肯定是要先寫上稱呼的，最后肯定也要有落款和日期，這是一種固定的格式，那么我們現(xiàn)在就把網(wǎng)頁文件的固定格式先寫出來，至于內(nèi)容（就好像信的內(nèi)容）我們以后再說。

打開你的編輯器，比如我們上節(jié)課說到的 Notepad++，然后新建一個(gè)文件，在其中粘貼上如下代碼，然后保存為 index.html

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>這里是標(biāo)題</title>
    </head>
    <body>

    </body>
</html>

然后我們來逐行講解：

<!DOCTYPE html>

doc 是文檔的縮寫；

type 是類型；

這里就是聲明一下我的文檔類型是 html

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

這一對(duì)標(biāo)記是說，我們標(biāo)記的部分就是 html 代碼了。想想我們前邊講的小故事，想想標(biāo)記是怎么回事哦～

lang 是語言的縮寫，zh 是中文，英文的話是 en。就是說頁面的主要語言是中文

<head>
</head>

文件的頭部，這里面的信息用來說明這個(gè)文檔的某些事情。因?yàn)轭^是用來說的啊，

<meta charset="UTF-8">

第一個(gè)要說明的事情來了，

meta 元數(shù)據(jù)，那么這里說下是什么元數(shù)據(jù)呢？就是一些說明性的數(shù)據(jù)，比如文章的元數(shù)據(jù)，那就是用來說明這篇文章的一些相關(guān)信息的，比如作者，比如分類，比如字?jǐn)?shù)，比如創(chuàng)作日期 …… 這里的元數(shù)據(jù)是用來說明這個(gè)網(wǎng)頁的一些信息的。

charset 字符集是 UTF-8 ，這個(gè)就是編碼啊。我們平時(shí)說的亂碼就是因?yàn)榫幋a不對(duì)，一個(gè)人說英語一個(gè)人說中文，不誤會(huì)才怪呢。

<title>這里是標(biāo)題</title>

這個(gè)還用說嗎？都明擺著寫在這里了。

title 是標(biāo)題的意思，這里是用來顯示在瀏覽器的標(biāo)題欄（現(xiàn)在都是標(biāo)簽頁了）上面的信息。

<body>
</body>

body 身體啊，這里就是我們寫網(wǎng)頁內(nèi)容的地方了，是跟前面 <head></head>相對(duì)應(yīng)的。頭是用來說（說明）的，身體是用來干活的。

好像可以看懂了呢~

其實(shí)這就是一個(gè)模版，初學(xué)的時(shí)候懂不懂的沒關(guān)系，每次照抄就行了。

你說什么？背一下？

別開玩笑了，我也沒記住，都是復(fù)制過來用的……

本章學(xué)習(xí)卡片：卡片 5

本書是收費(fèi)的，不過交費(fèi)憑自覺。價(jià)格定義為每人請(qǐng)我喝一杯咖啡（哪種品質(zhì)的咖啡隨意），支付寶賬號(hào)：

alay9999@163.com （劉源）

為了讓大家閱讀方便，本書將在如下站點(diǎn)發(fā)布，但最終內(nèi)容以主站為準(zhǔn)：

主站首發(fā)： http://coffee.zji.me/
Gitbook: http://codeme.gitbooks.io/easy-web-code-book/
簡(jiǎn)書： http://www.jianshu.com/users/d37eaf3de0ff
站酷： http://www.zcool.com.cn/u/12927742

未經(jīng)本人許可，禁止任何形式轉(zhuǎn)載。相關(guān)事宜請(qǐng)聯(lián)系： dms@zji.me

上一篇：第四十九章運(yùn)算符下一篇：第十章表格布局原理

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

第五章 一個(gè)模板

第五章一個(gè)模板