<!DOCTYPE html> //html宣告
<html>
<head>
<meta charset="UTF-8">
<title>PageTitle</title>
</head>
<body>
<h3>Hello World</h3> <!-- //3號標題 (1>6) -->
<img src="buzz.jpg"> <!-- //相片標籤 、src="XXX.jpg"相片來源屬性、無結束標籤 -->
<ul> <!-- //列表標籤 -->
<li>Instagram</li>
<li>FACEBOOK</li>
<li><a href="www.google.com" >GOOGLE</a></li> <!-- //a連結標籤、href=""連結網址屬性 -->
</ul>
<hr> <!-- //水平線 -->
<table border="1px" width="500px" cellpadding="10px">
<!-- //表格標籤、border邊線屬性，預設為0，width=""表格寬度像素屬性，cellpadding=""表格邊線與內容像素距離屬性 -->
<tr> <!-- // 列 -->
<td>Los Angeles Lakers</td> <!-- //攔 -->
<td><b>San Antonio Spurs</b></td> <!-- //b粗體標籤 -->
<td><u>Boston Celtics</u></td> <!-- //u底線標籤 -->
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr> <!-- //共2列3攔 -->
</table>
</body>
</html>
1. HTML網頁由標籤(開始標籤、結束標籤)組成
2. <標籤 屬性名稱="屬性資料" 屬性名稱="屬性資料".....>
3. meta順序會影響網頁編譯，需要先<meta charset="UTF-8">
4. 開始標籤與屬性名稱中間只能空白一次
參考影片:https://www.youtube.com/watch?v=SRbewm2AUew
留言列表
Impression (1)
