開源技術教學網[網頁設計] 教學:HTML 入門教學 | 電視節目表查詢網
![開源技術教學網[網頁設計] 教學:HTML 入門教學](https://i.imgur.com/Uwj5KXQ.jpg)
開源教學·網頁設計;HTML入門教學...現在不會有網站只用HTML來寫網頁,都會搭配一些CSS樣式表來美化網頁。由於HTML本身是用來呈現靜態頁面的標籤,沒有程式 ...
![開源技術教學網[網頁設計] 教學:HTML 入門教學](https://i.imgur.com/Uwj5KXQ.jpg)
我們在本文中介紹一下什麼是 HTML。當然,HTML 無法在短短一篇文章內介紹完,這裡僅做一些概念上的介紹。
HTML 文件的組成基本上,HTML 文件是由標籤 (tag) 和內容交織而成的文字文件。
許多 HTML 標籤是成對的,像 <p>這是一段文字</p> (表示段落),但也有一些 HTML 標籤是單獨存在的,像 <img src="images/pic.png"> (表示嵌入圖片)。由此可知,HTML 標籤是一種將內容 (content) 和版面 (layout) 混合在一起的文件形式。我們學習 HTML 就是在熟悉這些標籤怎麼使用。
原本 HTML 呈現出來的樣式很樸素,許多網站漂亮的頁面是藉由調整 CSS 而成。現在不會有網站只用 HTML 來寫網頁,都會搭配一些 CSS 樣式表來美化網頁。
由於 HTML 本身是用來呈現靜態頁面的標籤,沒有程式邏輯的部分,會比真正的程式語言來得簡單得多。HTML 頁面的程式邏輯就是用 JavaScript 來撰寫;要注意 JavaScript 是後來才加到瀏覽器中的技術,原本設計 HTML 時沒有包含程式邏輯的部分。
以下是一個 HTML 版的 Hello World 文件:
<!DOCTYPE html> <html> <head> <title>My Awesome Site</title> </head> <body> <h1>Welcome to My Site</h1> </body> </html>每份 HTML 文件都要先宣告其版本:
<!DOCTYPE html>網頁宣告會依據 HTML 文件版本的不同而有所不同,這裡是用 HTML5 的宣告。
...什麼是HTML?網頁設計概念,開始使用HTML製作網頁 | 電視節目表查詢網
開源技術教學網[網頁設計] 教學:HTML 入門教學 | 電視節目表查詢網
網頁製作教學 | 電視節目表查詢網
HTML 網頁程式設計入門#1【課程概述及HTML 基礎觀念】 | 電視節目表查詢網
網頁程式設計入門,一文讀懂HTML、CSS | 電視節目表查詢網
第01 堂課 | 電視節目表查詢網
HTML 基礎 | 電視節目表查詢網
HTML 網頁設計 | 電視節目表查詢網
![](https://i.imgur.com/Uwj5KXQ.jpg)
《網頁設計》節目表,教育文化台線上看
《網頁設計》幾點播?此篇整理《網頁設計》節目表,教育文化台線上看哪邊可以看?這邊幫各位準備好節目表及播放時間啦,禮拜...