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

鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 第五章 一個模板
第四十一章 定位實例(二)
第十四章 從 div 扯開去
第四十三章 定位實例(四)
第四十五章 無聊的寫個小游戲吧
第十七章 導(dǎo)航條(二)
第十三章 神一樣的 CSS
第二十三章 導(dǎo)航條(八)
第四十章 定位實例(一)
第五十九章 見證奇跡
第三十五章 隨便聊聊
第十九章 導(dǎo)航條(四)
第四十四章 定位實例(五)
第三十六章 定位(一)
第三十九章 坐標(biāo)系
第三十四章 一些補遺
第五十八章 各就各位,預(yù)備~~
第二十七章 首屏大海報(一)
第二十六章 CSS 書寫規(guī)范
第十一章 一起寫個百度
第三章 幾個小故事
第七章 認(rèn)識鏈接
前言
第五十五章 苛刻至極!
第三十三章 一個頁尾
第二十二章 導(dǎo)航條(七)
第四十七章 JavaScript Start
第五十章 最簡單的邏輯判斷
第五十三章 一百遍啊一百遍!
第四章 做點準(zhǔn)備工作
第一章 開場小談
第六章 開始寫點東西
第五十六章 一套工具
第四十二章 定位實例(三)
第五十二章 愛妃,朕還宣你!
第二十五章 導(dǎo)航條(十)
第五章 一個模板
第二章 扯扯學(xué)習(xí)方法
第十八章 導(dǎo)航條(三)
第四十六章 響應(yīng)式
第四十八章 變量
第十六章 導(dǎo)航條(一)
第三十八章 定位(三)
第二十九章 首屏大海報(三)
第四十九章 運算符
第九章 來吧,表哥(表格)!
第三十一章 還是海報
第十章 表格布局原理
第三十章 首屏大海報(四)
第十二章 相對地址
第二十章 導(dǎo)航條(五)
第五十七章 助理!麻煩過來一下~
第三十二章 一些格子
第五十一章 朕宣你!
第五十四章 一萬遍啊一萬遍!
第二十八章 首屏大海報(二)
第十五章 開始征途
第三十七章 定位(二)
第六十章 開始玩玩
第二十一章 導(dǎo)航條(六)
第八章 半個標(biāo)簽
第二十四章 導(dǎo)航條(九)

第五章 一個模板

終于開始要做點什么了,想想還有點小激動呢~

咱們要先寫一個基本的模板,或者說一個基礎(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