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