那么現(xiàn)在,我們理解了標(biāo)記語言,準(zhǔn)備好了一個基礎(chǔ)的模版,接下來終于該開始寫點什么了,這是一個很美好的時刻,嗯,真的很美好很美好啊~~因為我們終于開始了自己的代碼旅程。
其實這個事情真的很簡單,甚至比前面的每一章都要簡單,為什么呢?因為我們只要在 <body></body> 標(biāo)簽之間寫下我們要顯示的內(nèi)容就可以了,比如,我們來寫代碼界最著名的:Hello world!Code is so easy!
好吧,后一句是我自作主張加上的,來看代碼~~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Hello world!Code is so easy!
</body>
</html>
那么把這些代碼復(fù)制到 Notepad++ 里,然后保存為 “你喜歡的名字.html” 之類的廢話我就不一次次重復(fù)了,還有哦,現(xiàn)在我們都知道了主要的網(wǎng)頁代碼要寫在 <body></body> 之間,就像上邊演示的一樣,那么為了節(jié)省篇幅,后面寫代碼我可能省略掉其他內(nèi)容,只寫 body 標(biāo)簽之間的內(nèi)容,你們要自己記得把結(jié)構(gòu)補全!
我已經(jīng)很認(rèn)真地說過了哦,在后面的章節(jié)里要是你再跟我說我就是把你的代碼復(fù)制進去的(但是你沒有補全完整的結(jié)構(gòu)),為啥不起作用?我肯定不會告訴你的哦~(我能說我已經(jīng)被這么咨詢了無數(shù)次了么?)
好了,言歸正傳,簡單吧,當(dāng)然很簡單,就是找對位置寫一句話而已,于是呢,效果也很簡單,就是空白的頁面里顯示著一句話而已。我們不甘心的哦~想想我們前面學(xué)了加粗呢,來試試哦:
Hello world!Code is so <b>easy</b>!
你說這簡直是廢話!早就會了啊,你能不能說點新鮮的?好,我們來給它做個分段哦,一句話一個段落。Word 里面我們就是加個回車分隔開兩個段落就可以了,那么在代碼里這個辦法不好用哦,因為回車啊,空格啊什么的是被忽略的(在某些特殊情況下不是)。所以我們要學(xué)習(xí)一個新的標(biāo)簽 <p>這里面是一個段落哦</p>,來看代碼:
<p>Hello world!</p>
<p>Code is so <b>easy</b>!</p>
第一段不用說了,很簡單很明白的,來看看第二段,首先是 p 標(biāo)簽標(biāo)記了整個段落,然后段落里面有 b 標(biāo)簽標(biāo)記的加粗。這種一層套著一層的情況我們叫做標(biāo)簽的嵌套,記得標(biāo)簽嵌套的原則是:內(nèi)層標(biāo)簽要完整的包含在外層標(biāo)簽之內(nèi),我們來看例子哦:
<p>Hello <b>world!</p>
<p>Code</b> is so easy!</p>
上面的意思是希望讓 world! Code 加粗顯示,但是 b 標(biāo)簽卻跨越了兩個段落,這就錯了哦,我們要寫成:
<p>Hello <b>world!</b></p>
<p><b>Code</b> is so easy!</p>
這樣才對,那么對此的總結(jié)是 “你家有老婆,我家有老婆,但是你的老婆是你的老婆,我的老婆是我的老婆,咱倆關(guān)系再好,也不可以共用一個老婆!” 那么一說一笑就記住了哦~~
本章學(xué)習(xí)卡片:卡片 6
本書是收費的,不過交費憑自覺。價格定義為每人請我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號:
alay9999@163.com (劉源)
為了讓大家閱讀方便,本書將在如下站點發(fā)布,但最終內(nèi)容以主站為準(zhǔn):
未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系: dms@zji.me