# HTML 標題

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
效果演示

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

# HTML 段落

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
效果演示

This is a paragraph.

This is a paragraph.

This is a paragraph.

# 多空格、無換行

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
效果演示

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

# 狀況二 - 換行

<p>This is<br>a paragraph<br>with line breaks.</p>
效果演示

This is
a paragraph
with line breaks.

# HTML 文本格式

<b>This text is bold</b>
<strong>This text is important!</strong>
<i>This text is italic</i>
<em>This text is emphasized</em>
<small>This is some smaller text.</small>
<p>Do not forget to buy <mark>milk</mark> today.</p>
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
效果演示

This text is bold
This text is important!
This text is italic
This text is emphasized
This is some smaller text.

Do not forget to buy milk today.

My favorite color is blue red.

This is subscripted text.

This is superscripted text.

# HTML 引入

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
效果演示

Here is a quote from WWF's website:

For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

# HTML 註解

<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->
效果演示

This is a paragraph.

# HTML 連結

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
效果演示

Visit W3Schools!

# HTML 圖片

<img src="https://p7cdn4static.sharpschool.com/UserFiles/Servers/Server_499985/Image/hello_main.jpg" alt="Hello">
效果演示
Hello

# HTML 表格

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
效果演示
FirstnameLastnameAge
JillSmith50
EveJackson94

# HTML 清單

# 無標號

<p>An Unordered HTML List</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
效果演示

An Unordered HTML List

  • Coffee
  • Tea
  • Milk

# 有標號

<p>An Ordered HTML List</p>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
效果演示

An Ordered HTML List

  1. Coffee
  2. Tea
  3. Milk

# 其他

<p>An Description HTML List</p>
<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
效果演示

An Ordered HTML List

Coffee
- black hot drink
Milk
- white cold drink

# HTML 區塊

<div>Hello World</div>
效果演示
Hello World
更新於 閱讀次數

用實際行動犒賞爆肝的我😀

Zrn Ye LinePay

LinePay