Web | Coding | Blog | SOHO

[網站]HTML 是什麼? 使用 HTML 寫網頁 – 入門篇

什麼是 HTML?我們可以使用 HTML 做哪些事情? 透過這篇來了解吧~!


 

什麼是HTML呢?他是縮寫唷:
HTML stands for Hyper Text Markup Language

  • HTML不是一種編程語言,而是一種標記語言 (markup language)
  • 標記語言是一套標記標籤 (markup tag)
  • HTML使用標記標籤來描述網頁

HTML並不難,利用瀏覽器的「檢視網頁原始碼」的功能,便可看到網頁的原始檔內有大小於符號「<」和「>」包圍的文字,這些稱為標籤(Tag),而網頁語言就是由「標籤名」所構成。因此我們先要了解標籤(Tag)的構造。


網頁標籤(Tag)分為兩種,

  1. 一種有起始標籤(<標籤名>)與 結束標籤(</標籤名>)
    HTML標籤通常是成對出現的,例如<b>和</b>

兩者之間可以放內容(Contents),例如
<p>......</p>
<a>......</a>

還有一種只有起始而沒有結束標籤,因此不能放網頁內容(Contents),
被稱做為空標籤(Empty)。
在「>」前加上反斜線,例如換行標籤<br />。
而外一提:

HTML 與XHTML 之間的差異
在HTML 中,<br> 標籤沒有結束標籤。
在XHTML 中,<br> 標籤必須被正確地打上,比如這樣:<br />。

瀏覽器的作用是讀取HTML 文檔,並以網頁的形式顯示出它們。
瀏覽器不會顯示HTML 標籤,而是使用標籤來解釋頁面的內容:
(以下舉例)

<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

  1. <html> 與</html> :描述網頁
  2. <body> 與</body> :頁面內容
  3. <h1> 與</h1> :顯示為標題
  4. <p> 與</p> :段落

下圖:利用框架來進一步瞭解。

 


更多標籤用途可以上 w3schools 了解唷!!


如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;
另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:

 

Comments

comments

如果您喜歡本站的文章,也歡迎將文章分享轉貼並註明出處;另外還未按讚粉絲專頁的朋友,也可以動動手點擊追蹤最新的文章唷:


© 2017 4xCode™ | Design:SC 站長

歡迎來到SC站長網站

 

本站文章不再更新,新文章將發表至

4 x ‘s Space 網站

 

謝謝您一直以來的支持,我們新網站見~

 

SC站長網站文章也會將慢慢轉移至新網站,

新網站連結 4-x.tw 點此前往,或點擊上方圖案)