Apache 的網頁根目錄
安裝好 Apache 後,網站檔案預設放在:
/var/www/localhost/htdocs
這個資料夾就是網站的「根目錄」——當瀏覽器輸入伺服器的 IP 或網域時,Apache 會優先尋找這裡的檔案來回應。
如果想調整一些設定,可以編輯 Apache 的主設定檔 /etc/apache2/httpd.conf,但對新手來說,一開始不需要修改,先知道根目錄在哪裡即可。
HTML 基本架構
一個最基本的網頁通常長這樣:
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是一段簡單的文字。</p>
</body>
</html>
各個標籤的意思:
<!DOCTYPE html>:告訴瀏覽器這是一份 HTML5 文件<html lang="zh-Hant">:整個網頁的最外層標籤,lang標示語言<head>:放置網頁的設定資訊,例如標題、CSS、JavaScript<title>:網頁標題,會顯示在瀏覽器分頁上<body>:網頁的主要內容,例如文字、標題、圖片、按鈕等
建立你的第一個網頁
切換到網頁根目錄,建立一個檔案:
cd /var/www/localhost/htdocs
sudo nano index.html
把上面的 HTML 範例貼進去,存檔離開後,在瀏覽器輸入:
http://你的伺服器IP/
如果看到「歡迎來到我的網頁」,恭喜,你的第一個網頁已經成功上線!
小結
到這裡,你已經知道:
- Apache 網頁根目錄的位置
- HTML 的基本架構(
head/body/title/h1/p) - 如何建立並透過瀏覽器測試一個簡單網頁
之後可以慢慢加入 CSS 美化版面,或是把 .html 換成 .php,搭配前面安裝好的 PHP 環境,產生動態內容。