終于開始要做點什么了,想想還有點小激動呢~
咱們要先寫一個基本的模板,或者說一個基礎(chǔ)的 Html 文件所必備的一些代碼。這就好像呢我們要寫一封信,肯定是要先寫上稱呼的,最后肯定也要有落款和日期,這是一種固定的格式,那么我們現(xiàn)在就把網(wǎng)頁文件的固定格式先寫出來,至于內(nèi)容(就好像信的內(nèi)容)我們以后再說。
打開你的編輯器,比如我們上節(jié)課說到的 Notepad++,然后新建一個文件,在其中粘貼上如下代碼,然后保存為 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>
這一對標(biāo)記是說,我們標(biāo)記的部分就是 html 代碼了。想想我們前邊講的小故事,想想標(biāo)記是怎么回事哦~
lang 是語言的縮寫,zh 是中文,英文的話是 en。就是說頁面的主要語言是中文
<head>
</head>
文件的頭部,這里面的信息用來說明這個文檔的某些事情。因為頭是用來說的啊,
<meta charset="UTF-8">
第一個要說明的事情來了,
meta 元數(shù)據(jù),那么這里說下是什么元數(shù)據(jù)呢?就是一些說明性的數(shù)據(jù),比如文章的元數(shù)據(jù),那就是用來說明這篇文章的一些相關(guān)信息的,比如作者,比如分類,比如字?jǐn)?shù),比如創(chuàng)作日期 …… 這里的元數(shù)據(jù)是用來說明這個網(wǎng)頁的一些信息的。
charset 字符集是 UTF-8 ,這個就是編碼啊。我們平時說的亂碼就是因為編碼不對,一個人說英語一個人說中文,不誤會才怪呢。
<title>這里是標(biāo)題</title>
這個還用說嗎?都明擺著寫在這里了。
title 是標(biāo)題的意思,這里是用來顯示在瀏覽器的標(biāo)題欄(現(xiàn)在都是標(biāo)簽頁了)上面的信息。
<body>
</body>
body 身體啊,這里就是我們寫網(wǎng)頁內(nèi)容的地方了,是跟前面 <head></head>相對應(yīng)的。頭是用來說(說明)的,身體是用來干活的。
好像可以看懂了呢~
其實這就是一個模版,初學(xué)的時候懂不懂的沒關(guān)系,每次照抄就行了。
你說什么?背一下?
別開玩笑了,我也沒記住,都是復(fù)制過來用的……
本章學(xué)習(xí)卡片:卡片 5
本書是收費的,不過交費憑自覺。價格定義為每人請我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號:
alay9999@163.com (劉源)
為了讓大家閱讀方便,本書將在如下站點發(fā)布,但最終內(nèi)容以主站為準(zhǔn):
未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系: dms@zji.me