
入門基礎
|
3
對我而言,這是完美結合。我可以用我偏愛的語言,寫出純粹的網站程式(針對
Android
和其他擁有瀏覽器的摩登裝置),然後用同樣的程式碼,創造出可以存取硬體裝置的本機
程式當成加強版,而且還擁有可以在
Android
市集販售的潛力。這是絕佳的方法,為你的
程式創造“免費增值”典範
── 不但有免費的網站程式,同時又完成具備更多功能和可以
販賣的本機程式版本。
網站程式設計簡介
我們用於建立網站程式的三種主要技術是
HTML
、
CSS
、以及
JavaScript
。我們會很快地
介紹它們,確保你跟得上腳步,然後才深入探討需要更多技巧的題材。
HTML
簡介
在瀏覽網站時,你所觀看的網頁只是位在某人電腦上的文字文件而已。一般網頁中的文字
都是用
HTML
標籤包裝起來,讓你的瀏覽器知道文件的結構。透過這些資訊,你的瀏覽
器就可以決定如何正確地顯示內容。
以範例
1.1
的
HTML
片段為例。在第一行中,字串「
Hi there!
」是包裝在一對
h1
標籤內。
注意,起始標籤(
open tag
)和結束標籤(
close tag
)不太一樣:結束標籤有個斜線字元
(
/
)作為第二個字元,而起始標籤則沒有斜線字元。
在
h1
標籤中包裝文字是告訴瀏覽器,該標籤內的字是標題,也就是在其所在列上以大型
粗體文字顯示。除了
h1
之外,還有
h2
、
h3
、
h4
、
h5
、以及
h6
標題標籤。編號愈低,標
題就愈重要,所以,
h6
標籤內的文字會比
h3
標籤內的文字來得小一點(較不重要之意)。
在範例
1.1
中
h1
標籤之後,有兩列以
p
標籤包裝的文字。這