Home [HTML] HTML簡介
Post
Cancel

[HTML] HTML簡介

Posted Feb 5, 2011
By R
2 min read

Html 簡介

  • 一個實例
    • 右鍵查看「檢視網頁原始碼」(標籤、屬性、內容…)
  • Html文件 = 網頁
  • 什麼是HTML超本文標記語言
    • Hyper Text Markup Language (超級的 文本的 標記的 語言)
  • HTML標籤：不分大小寫、有些大寫是自動生成的
    • 頁面包括：格式標籤、頁面內容
  • 網頁文件格式：.html或.htm

HTML和CSS的關係

在一個網頁當中，這個網頁有哪些東西，是由HTML來決定，
而這些東西長成什麼樣子，是由CSS決定。

如果想要寫一個網頁，你想要什麼樣的內容，都由Tag標籤包含起來；=> HTML
而這些內容長什麼樣子，多高、多長、顏色，都由CSS來決定的。=> CSS

1
2

內容 => HTML  
樣式(高矮胖瘦) => CSS

所以，HTML是用來寫網頁的，控制顯示的內容，CSS控制它長什麼樣子。
HTML加上CSS，就是我們每天上網看到得美麗的網頁。

1

HTML+CSS=靜態網頁

什麼是靜態網頁？只有展示功能，沒有任何效果。

JS+JQuery => 動態效果

  1. HTML 超本文標記語言
    在HTML當中存在著大量的標籤，我們用HTML提供的標籤，將要顯示在網頁中的內容包含起來，就構成了我們的網頁。

  2. CSS 控制網頁內容顯示的效果

  3. 開始動手寫HTML頁面

    1. 或先在桌面上隨便的建一個文件。
    2. 將創建的文件的名稱改為.htm或.html
    3. 開始寫基本的框加標籤
1
2
3
4
5
6
7

<html>
    <head>
        <title></title>
    </head>
    <body>
    </body>
</html>
Notes, HTML
HTML
This post is licensed under CC BY 4.0 by the author.
Contents