close

在解釋什麼是 HTML 前,我們要先介紹一下學習網頁的三大巨頭: HTML、CSS、JavaScript

image

你在 Chrome 或是各類瀏覽器中瀏覽的網頁,

基礎都是由 HTML、CSS、JavaScript 這三大巨頭構成,

三大巨頭各其所職,用簡單一點的白話文比喻成蓋房子的話,

HTML 負責房屋結構, CSS 負責房屋裝潢美觀,

而 JavaScript 就像水電工,房屋的電燈水管插頭等功能性設施由他一手包辦。

image

 

回到標題,什麼是 HTML 呢?

HTML 是一種標記語言,也是建立一個網站的基礎。

(他到底算不算是程式語言,大家都有自己的解釋,因為他不像是 JavaScript 可以進行運算等,有些人傾向不把它列為一種語言)

HTML 有著自己的規則,

而我們的學習必須符合他的規則,這些規則是由創造出 HTML 的作者所規範的。

 

HTML 由 Element (元素) 及 Attributes (屬性) 構成。

 

<div id="myHTML"> 區塊內容 </div>

 

這是一段 HTML 的結構,

其中 <div> 為 Element (元素),

Element (元素) 需有起始標籤 <div> ,

及結尾標籤 </div>,

才算是一個完整的 Element (元素) 。

而 Attributes (屬性) 就是 id="myHTML" 。

這邊的 Attributes (屬性) 設定表示,這個 <div> 區塊的 id 為 myHTML。

本文章會以實作分享為主,如果你想知道更多基礎知識,

可以查看以下網站:

w3school / mozilla

 

那如果我的解釋你還看得懂,就讓我們一起一步一步地繼續學習吧~

首先為了增加成就感 (?)

我們可以建一個文字文件檔案 (.txt),

複製以下內容至此文件檔案,

<div id="myHTML"> 區塊內容 </div>

並把檔名改成 myWeb.html,

就可以使用瀏覽器打開,

並顯示出"區塊內容"四個字。

 

現在我們已經踏出了第一步,

成功建立一個HTML檔案,

當然 HTML 為了與網際網路和各式瀏覽器做連結,

需要有更多的設定來與他們做串接。

 

這次就讓我們沉浸在開始學會寫字的喜悅 XDD

下次再繼續 HTML _ 02 _ HTML 基本構造

如果你有任何的問題,都歡迎你留言!

我有看到一定會一一回覆,

提問是學習最快速的捷徑~

希望我們能一同成長

 

arrow
arrow
    文章標籤
    HTML
    全站熱搜

    xXx 發表在 痞客邦 留言(0) 人氣()