HTML(超文本標記語言)是網頁的基礎用來告訴瀏覽器該如何呈現網頁，像是圖片、影音還有文章、表格。他由一系列元素(elements)組成，這些元素包含兩個標籤：起始標籤和結束標籤，通常會用標籤把表示的內容包住。
<p>This is a pen.</p>
以上面這段標記語言範例來看
<p> 為起始標籤(tag)</p>為結束標籤<p>This is a pen.</p>整段是元素常見的標籤
<html>
<head>
<body>
<a>
HTML的語意化用意在於讓瀏覽器和讀者看懂網頁的內容結構，就像一篇好讀的文章需要有標題排版。
以下是幾個常見的語意化元素
<form>
<article>
<nav>
<ul>
<li>
語意化範例
<h1>代辦事項</h1>
<ul>
<li>掃地</li>
<li>洗碗</li>
<li>倒垃圾</li>
</ul>
無語意化範例
<p>代辦事項</p>
<div>
<div>掃地</div>
<div>洗碗</div>
<div>倒垃圾</div>
</div>
標籤裡還可以增加不同屬性達成一些目的，以<a>標籤為例像是 class 屬性可以讓 CSS選取操作， href 屬性可以連接到其他網址，title 屬性是
游標在連結上面時會顯示指定給 title 的提示字詞，最後是 target 屬性的值為 "_blank" 點擊可直接彈出新視窗連接到想要的網址。
範例
<p>前往 <a href="https://tw.yahoo.com/" class="link" title="YAHOO" target="_blank">我的最愛</a>.</p>
iThome鐵人賽
看影片追技術