在這次教學開始前,我先來問個問題:
Q:還記得上回與HTML初接觸嗎?
A:
1.當然記得,你寫的太棒了~
2.呃,我完全忘光了!那就請再回去重新複習一次吧~相信你會很快重新掌握住的!
點我回第一次HTML教學
在上回教學結束後,有同學臉紅紅的跑來向老師發問,為什麼在她的電腦裡看不到副檔名!這是因為在XP裡面一開始的原始設定便是如此,不過我們可以來更改設定!
PS.對於一些常莫名奇怪搞壞電腦而心生恐懼的同學們,在此可以大聲的告訴你們,別怕,這不會讓你的電腦掛機,也不會複雜到你聽不懂。
[如何顯示副檔名]
首先在任何一個資料夾中,在這以「我的文件夾」為例:
1.選取「工具」→「資料夾選項」
2.接著,在「檢視」中在「進階設定」的框框之中,找尋「隱藏已知檔案類型的副檔名」這個選項,並取消前面的勾選。
PS. 那個坐在左邊第一排的阿雄,前面若是一開始就沒有勾選的話,
那表示你的電腦早就可以顯示出副檔名了,不要硬再點選,不然會把原本顯示的副檔名又隱藏起來嘿!
最後按下「確定」之後,就可以在資料夾或是桌面上看到檔案的副檔名囉!
完成!!
接下來,請用你的瀏覽器(如IE)打開上次你做好的網頁,一般來說應該和我的樣式差不多,如圖。
相信有同學也和我一樣覺得怎麼排版看起來那麼的醜,便自己動手改起來了!不管是怎麼按 「Enter」或是空了多少的空格,在結果頁裡呈現和原本所差無幾!
沒錯!這是就是今天要教的課程啦~( 那麼簡單就被你們跳級的話,那我哪領的到扣扣啊~呵呵呵~)
[如何在HTML文章中斷行]
話說,咱中國文化在文章之中講究的是段落分明,((是嗎?人家外國文化也是唷~
呃,先不談這個,在文章之中總是要段落分明,好讓人可以一目瞭然,而在網頁之中更是要非常講究!
原因是現在的使用者很懶,沒錯,甚至更多的使用者是懶到了一個極緻,除非必要,有影音就不看圖,有圖就不看文字,有文字若是沒有排版的讓人的舒舒服 服,鐵定是馬上跳離找別的網頁看去。相信各位其中有人也是這樣子在在看網頁的!所以,我們現在必須要做的是想辦法留住來看我們網頁的人!
A.請用記事本來打開上一次我們編輯的網頁,大家可以看到以下的畫面:
<html>
<head>
<title>我怎麼會那麼帥之人見人愛大帥哥的生平第一張網頁</title>
</head>
<body>沒錯!你沒看錯!你現在所看到的網頁就是在下我宇宙無敵前無古人後無來者獨一無二玉樹臨風.....(以下一萬字略)所寫的,看完了開心嗎?嘿嘿嘿,這是要收費滴~你以為是白看的啊!</body>
</html>
貼心小提醒:
如何使用記事本打開HTML的檔案:
1.在該檔案上按右鍵
2.滑鼠到「開啟檔案」
3.點選「NotePad」即可
B.在<body>之中插入<br />即可!
請注意:
<br />的寫法是在br及反斜線中再加一個半形的空格
<br />是一個特殊的HTML標籤,它不用像是別的標籤一樣需要有開始和結束,
如同第一章有提到的<html></html>及<body></body>等等這樣的頭尾,
這是因為段行的用意像是在說話之中的停頓點,中間並不會包含句子或是任何的說明,
因此,為了方便起見,HTML這個格式在當初的設計團隊規劃便把這個段行標籤做了一個特別的設置。
<html>
<head>
<title>我怎麼會那麼帥之人見人愛大帥哥的生平第一張網頁</title>
</head>
<body>沒錯!你沒看錯!<br />你現在所看到的網頁就是在下我宇宙無敵前無古人後無來者獨一無二玉樹臨風.....(以下一萬字略)所寫的,看完了開心嗎?<br />嘿嘿嘿,這是要收費滴~<br />你以為是白看的啊!</body>
</html>
C.然後存檔,再用瀏覽器(如IE)來開啟我們的網頁,是不是照著我們想要分行的地方乖乖的分行了呢?
[如何在HTML文章中段落]
既然剛才教了段行,那當然也要有段落囉~