《HTML5+CSS3網頁設計入門必讀》——1.6 建立一個示例檔案

本節書摘來自異步社群《html5+css3網頁設計入門必讀》一書中的第1章，第1.6節,作者： 【美】julie meloni更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

html與css入門經典（第9版）

在開始前，讓我們看看程式清單1.1。這個程式清單代表一份簡單的web内容，其中包含幾行html代碼，用于在兩行上以大号、加粗字母列印“"hello world! welcome to my web server.”，并在浏覽器視窗内居中顯示它們。在繼續學習本書後面的内容時，你将對這個檔案内使用的html和css有更多的了解。

程式清單1.1 我們的示例html檔案

為了利用這些内容，可以打開所選的文本編輯器，比如“記事本”（在windows上）或textedit（在mac上）。不要使用“寫字闆”、microsoft word或者其他全功能的字處理軟體，因為這些程式建立的檔案類型不同于我們用于建立web内容的純文字檔案。

輸入在程式清單1.1中看到的内容，然後使用mple.html檔案名儲存檔案。.html擴充名告訴web伺服器你的檔案的确完完全全是html。當把檔案内容發送給請求它的web浏覽器時，浏覽器也會知道它是html，并将相應地呈現它。

既然你已經有了一個要使用的示例html檔案——并且希望把它放到某個地方，比如web托管賬戶，現在就讓我們釋出你的web内容。