1.什麼是HTML檔案？
TML的英文全稱是Hypertext Marked Language，中文叫做“超文字標記語言 (HTML)”。
和一般文本的不同的是，一個HTML檔案不僅包含常值內容，還包含一些Tag，中文稱“標記”。
一個HTML檔案的尾碼名是.htm或者是.html。
用文字編輯器就可以編寫HTML檔案。
2.寫一個HTML檔案
TML的英文全稱是Hypertext Marked Language，中文叫做“超文字標記語言 (HTML)”。
和一般文本的不同的是，一個HTML檔案不僅包含常值內容，還包含一些Tag，中文稱“標記”。
一個HTML檔案的尾碼名是.htm或者是.html。
用文字編輯器就可以編寫HTML檔案。
<html><head><title>topic.alibabacloud.com</title></head><body>This is my first homepage.<b>This text is bold</b> </body></html>
要瀏覽這個first.html檔案，雙擊它。或者開啟瀏覽器，在File菜單選擇Open，然後選擇這個檔案就行了。
這個檔案的第一個Tag是<html>，這個Tag告訴你的瀏覽器這是HTML檔案的頭。檔案的最後一個Tag是</html>，表示HTML檔案到此結束。
在<head>和</head>之間的內容，是Head資訊。Head資訊是不顯示出來的，你在瀏覽器裡看不到。但是這並不表示這些資訊沒有用處。比如你可以在Head資訊裡加上一些關鍵詞，有助於搜尋引擎能夠搜尋到你的網頁。
在<title>和</title>之間的內容，是這個檔案的標題。你可以在瀏覽器最頂端的標題列看到這個標題。
在<body>和</body>之間的資訊，是本文。
在<b>和</b>之間的文字，用粗體表示。<b>顧名思義，就是bold的意思。
HTML檔案看上去和一般文本類似，但是它比一般文本多了Tag，比如<html>，<b>等，通過這些Tag，可以告訴瀏覽器如何顯示這個檔案。
HTML元素(HTML Elements)
HTML元素(HTML Element)用來標記文本，表示文本的內容。比如body, p, title就是HTML元素。
HTML元素用Tag表示，Tag以<開始，以>結束。
Tag通常是成對出現的，比如<body></body>。起始的叫做Opening Tag，結尾的就叫做Closing Tag。
目前HTML的Tag不區分大小寫。比如，<HTML>和<html>其實是相同的。
HTML元素(HTML Elements)的屬性
HTML元素可以擁有屬性。屬性可以擴充HTML元素的能力。
比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：
<body bgcolor="red">
再比如，你可以使用border這個屬性，將一個表格設成一個無邊框的表格。如下：
<table border="0">
屬性通常由屬性名稱和值成對出現，就像這樣：name="value"。上面例子中的bgcolor, border就是name，red和0就是value。屬性值一般用雙引號標記起來。 屬性通常是附加給HTML的Opening Tag，而不是Closing Tag。
本文標題
這個樣本告訴你如何在HTML檔案裡定義本文標題。
HTML用<h1>到<h6>這幾個Tag來定義本文標題，從大到小。每個本文標題自成一段。
<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6>
段落劃分
在HTML裡用<p>和</p>劃分段落。
<p>This is a paragraph</p><p>This is another paragraph</p>
換行
通過使用<br>這個Tag，可以在不建立段落的情況下換行。<br>沒有Closing Tag。 用<p>換行是個壞習慣，正確的是使用<br>。
<p>This<br>is a para<br>graph with line breaks</p>
HTML注釋
在HTML檔案裡，你可以寫代碼注釋，解釋說明你的代碼，這樣有助於你和他人日後能夠更好地理解你的代碼。
注釋可以寫在<!--和-->之間。瀏覽器是忽略注釋的，你不會在HTML本文中看到你的注釋。
<!--This is a comment -->
一些小建議
HTML檔案會自動截去多餘的空格。不管你加多少空格，都被看做一個空格。一個空行也被看做一個空格。
有些Tag能夠將文本自成一段，而不需要使用<p></p>來分段。比如<h1></h1>之類的標題Tag。
【相關推薦】
HTML和HTML5的發展曆史
html的基礎元素，讓你零基礎學習HTML
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
