案例1
<html>
<body>
//<h1> 與 </h1> 之間的文本被顯示為標題
<h1>My First Heading</h1>
//<p> 與 </p> 之間的文本被顯示為段落
<p>My first paragraph.</p>
</body>
</html>
Paste_Image.png
HTML 標題
//HTML 標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Paste_Image.png
HTML 鏈接
HTML 鏈接是通過 <a> 標簽進行定義的。
注釋：在 href 屬性中指定鏈接的地址。
實例
<a >This is a link</a>
HTML 圖像
HTML 圖像是通過 <img> 標簽進行定義的。
實例
空白標簽
<br /> 表示換行
HTML屬性
- 屬性例子 1:
<h1> 定義標題的開始。
<h1 align="center"> 擁有關于對齊方式的附加信息
<h1 align="center">This is heading 1</h1>
- 屬性例子 2:
<body> 定義 HTML 文檔的主體。
<body bgcolor="yellow"> 擁有關于背景顏色的附加信息。
TIY : 背景顏色
- 屬性例子 3:
<table> 定義 HTML 表格。（您將在稍后的章節學習到更多有關 HTML 表格的內容）
<table border="1"> 擁有關于表格邊框的附加信息。
HTML 水平線
<hr /> 標簽在 HTML 頁面中創建水平線。
hr 元素可用于分隔內容。
HTML 注釋
可以將注釋插入 HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略注釋，也不會顯示它們。
注釋是這樣寫的：
實例
<!-- This is a comment -->
HTML 折行
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標簽：
<p>This is<br />a para<br />graph with line breaks</p>
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
親自試一試
HTML 的 style 屬性
提供了一種改變所有 HTML 元素的樣式的通用方法。
HTML 樣式實例 - 背景顏色
background-color 屬性為元素定義了背景顏色：
<html>
<body style="background-color:yellow">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>
HTML 樣式實例 - 字體、顏色和尺寸
style 屬性淘汰了舊的 <font> 標簽。
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：
<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial; color:red; font-size:20px; ">A paragraph.</p>
</body>
</html>
text-align 屬性規定了元素中文本的水平對齊方式：
//居中對齊
<h1 style="text-align:center">This is a heading</h1>
