HTML基礎教學(1)--基本語法

HTML語法就是一堆各式各樣標籤的組合，各個標籤都有它的功能作用，也就是利用這些標籤來美化我們的文件, 以及提供一些網頁功能。

HTML內容其實只是一份副檔名為 html 或 htm 的文字檔而已, 用一般的文書編輯器, 例如記事本(NotePad), 就能開啟它、編輯它, 但要呈現它的功能, 則必須要透過瀏覽器(Browser)來開啟它, 如此就能依HTML語法呈現出多彩多姿的文字、表格、甚至是圖片及影音等等。

一般的程式語言都能做一些運算及處理, 然而HTML並無運算的功能, 它只做呈現的功能而已

標籤語法

<標籤名 {屬性名="屬性值"{ 屬性名="屬性值"}}>{</標籤名>}

在HTML語法中, 用【<】及【>】所括起來的內容來做為標籤, 且標籤語法是不分大小寫的
上面用 {} 括著的內容是可選擇性不寫的, 因此最簡單的一個標籤語法就是

<標籤名>

有些標籤必須有結束標籤, 則語法如下

<標籤名></標籤名>

後面的 【</標籤名>】即是結束標籤, 這一類標籤通常是可以包起其他標籤或文字內容的

標籤的屬性是直接設在標籤內, 以空格(SPACE)與標籤名隔開

<標籤名 屬性名="屬性值"></標籤名>

同樣一個標籤, 主要是靠不同的屬性值, 來決定它要如何呈現內容, 這部份我們後續還會再提到
要設定多個屬性時, 則同樣以空格來隔開各屬性

<標籤名 屬性名="屬性值" 屬性名="屬性值"></標籤名>

屬性值可以雙引號或單引號括住, 甚至不括也可以, 但為了避免將來用Server端語法來產生網頁時容易造成一些意外錯誤發生, 故強烈建議使用引號括住,

HTML標籤支援多行撰寫, 也就是一個標籤可以寫成多行, 這通常是為了閱讀上方便, 不想捲動橫向 ScrollBar 時才會這樣寫

<標籤名
屬性名="屬性值"
屬性名="屬性值"
>
</標籤名>

在上面我們有提到了標籤內可以再包標籤, 這就是一種巢狀(nest)的結構, 例如

<標籤名1>
  <標籤名2>
  </標籤名2>
</標籤名1>

但要注意不可交互相包, 例如

<標籤名1>
  <標籤名2>
  </標籤名1>
</標籤名2>

注意上面【標籤名1】包住了【標籤名2】的起始標籤, 但【標籤名2】的結束標籤卻在外面, 變成了【標籤名2】也包住了【標籤名1】的結束標籤, 這樣是不合法的, 雖然不會發生什麼錯誤(基本上純 HTML 是不會發生程式錯誤的), 但你的排版可能會因此而亂掉, 所以切記不要這樣寫

註解語法
所謂的註解, 就是不會呈現在網頁畫面上, 瀏覽器也不會去分析執行的內容
註解的語法相當簡單, 用下面的語法包住的範圍即是註解

<!-- -->

例如

<!--這裡的內容是註解-->

除了包住一些純文字之外, 也可以包住標籤語法, 例如

<!--
這裡的內容是註解
<標籤名>內容</標籤名>
包含上面的標籤以及其內容, 都是註解
-->

註解的目的一方面可能是說明自己所寫的 HTML 語法, 例如說某一段標籤語法為何要那樣寫, 或有什麼用途等等, 是屬於自己的備忘錄一樣, 但這部份的內容卻不須要呈現在網頁上, 此時就適合用註解
另一方面有可能是想暫時不使用某一段標籤語法, 又不想要直接刪掉, 此時也可以利用註解語法包住不想使用的標籤語法即可

以上就是 HTML 語法的基本觀念, 建議先了解這些, 才接下去進行下面的教學內容

--gs--
{HTML基礎教學}{HTML編輯器}{那一種HTML編輯器比較好用}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。