iT邦幫忙

DAY 3
2

Maggie用那些,完成了這個網站!系列 第 3

Maggie用那些,完成了這個網站_3(HTML)

  • 分享至 

  • xImage
  •  

Maggie用了兩天當中零碎的時間,將Allen給他的Learn HTML給看完了,完成了裡面所有的考試,也瞭解Allen在筆記本裡寫的HTML Basics那十三項,是什麼意思了。

<Allen,那我如果要寫一個HTML網頁,要怎麼寫啊?>

(怎麼寫? 拿筆跟紙來寫啊! 不然要怎麼寫?)

<你很無聊耶,我問的是我要怎麼透過電腦,寫一個網頁出來!>

(妳要不要先在筆記本裡面,寫一個妳認為最簡單的HTML? 先用紙跟筆試試? 然後,我們再輸入到電腦裡,看看會出現什麼,如何?)

Maggie 接受了這項提議,開始在筆記本裡寫了,五分鐘後,她在筆記本上,寫好了她的第一個網頁。

(哇! 寫的這麼快...啊,妳怎麼還特地縮行?)

<他說的要縮行,才能方便閱讀。>

(他? 他是誰?)

<就影片裡介紹HTML的那個人啊,他說要縮行,才會比較容易閱讀!>

(哦...那以後重要的東西,我們看影片就好了,我也有看那個影片,裡面完全沒有廢話,每句都是重點耶。)

<以後再說啦,我寫好了,再來呢? 再來要輸入到電腦裡了嗎?>

(好啊,我們來...等等...不要用電腦,我先輸入到手機裡面,之後會比較方便跟妳說明。)

Allen說完話後,拿出了他的手機,將Maggie在筆記本上寫好的內容,輸入到手機裡面。

然後,看到了這樣的畫面...

<哇! 第一個網頁耶,哦耶!!! 呃...為什麼左上那邊有奇怪的符號? 那邊應該是Title裡面的內容,對不對? 明明就是中文啊!>

(哦,這個時候,妳需要使用HTML的<meta>來告訴browser,妳的網頁字型編碼,要使用那種格式,所以妳要在head tag區段裡加入.. <meta charset="utf-8">..這個宣告,這樣妳在網頁裡的中文,就能顯示出來了,至於為什麼...這說來話很長,妳再用Google去搜尋吧!)

<你挖洞給我跳...哼...>

(我沒有啊,是Learn HTML裡面沒有告訴妳,不是我沒有告訴妳好嗎? )

<哼...挖洞就挖洞,別說太多啦,再來呢? Learn CSS? 好了,沒你的事了,退下吧...嘻嘻嘻>

(啊!? Learn CSS? 沒有吧,HTML還有耶...麻煩把這一頁的HTML原始碼寫出來...)

Maggie 看完後,大喊一聲...<Allen,你這不是挖洞,什麼才是挖洞?>

(...台北市的路平專案...)

(待)

延伸閱讀:

什麼是UTF-8編碼 http://zh.wikipedia.org/wiki/UTF-8

什麼是meta tag http://www.maya.com.tw/news805.php?id=137

2014/10/02 SunAllen
現任:太陽數位文創(技術總監)_彩虹53_小鐵道民宿(管家)


上一篇
Maggie用那些,完成了這個網站_2(HTML)
下一篇
Maggie用那些,完成了這個網站_4(HTML)
系列文
Maggie用那些,完成了這個網站!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
mis2000lab
iT邦好手 1 級 ‧ 2014-10-02 01:02:44

寫的很讚! 值得期待的系列文章 :-)

0
okra
iT邦研究生 3 級 ‧ 2014-10-02 01:13:11

原以為是台東愛情故事~~

0
逮丸逮丸
iT邦大師 1 級 ‧ 2014-10-02 09:47:26

寓一般基本觀念經驗分享於故事的體裁,
看起來就是比較有趣。

0
roger03
iT邦新手 4 級 ‧ 2014-10-02 15:03:46

對啊~我以為是台東愛情故事

我要留言

立即登入留言