[Back To Basic] HTML5 - 常用的功能(簡介)

常見標籤(tags)

標題

• <h1></h1>
• <h2></h2>
• <h3></h3>
• <h4></h4>
• <h5></h5>
• <h6></h6>

段落

• <p></p>

連結

• <a href="https://www.google.com">google</a>

*.href是一種屬性(attribute)，屬性(attribute)可以提供標籤(tags)額外的資訊，之後再精讀。

圖片

• <img src="https://pbs.twimg.com/profile_images/927645314630193158/ufoYTbbi_400x400.jpg" alt="ninja" width="104" height="142">

*.alt: 圖片還沒載入完成時，顯示的文字

*.src: 圖片來源

*. height: 圖片高度

*. width: 圖片寬度

按鈕

• <button>Click </button>

清單

• 無順序清單

<ul>

  <li>item1</li>

  <li>item2</li>

</ul>

• 有順序清單

<ol>

  <li>item1</li>

  <li>item2</li>

</ol>

*.ul: unordered list / bullet list

*.ol: ordered list / numbered list

source code: https://github.com/ShawnTseng/HTML5-practice/commit/fe824c0711ae2b9aef5eb10fadf0dc5a1e13d83c