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

第六章 開始寫點東西

那么現(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