HTML 基本骨架與常用標籤

Lululovesickness發表於2020-11-26
HTML

HTML

HTML是什麼？

  • 是一種超文字標記語言 Hyper Text Markup Language
  • 不是程式語言，是一種標記語言
  • 標記語言是一套標記標籤
超文字

超越文字，在文字內容的基礎上，新增更加豐富是資訊（圖片，動畫，聲音等等）

HTML的基本骨架

	<!--HTML的基本骨架-->
<html>
	<head>
		<title></title>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>	   // 宣告文件型別
<html lang="en">    // 語言屬性   en是英文   zh-cn是中文
<head>
    <meta charset="UTF-8">   // 最常用的字符集編碼方式，包含所有國家的語言
    <title>Title</title>
</head>
<body>

</body>
</html>

常用標籤

排版標籤

標籤含義
h1~h6標題標籤，h1~h6逐漸遞減，獨佔一行 具有加粗加黑效果
p段落標籤，自動換行
hr水平線標籤。單標籤
br換行標籤，單標籤 是break的縮寫

容器標籤

標籤含義
span不佔一行，一行可以放多個span
div獨佔一行，一行只能放一個div

格式化標籤

標籤含義
b，strong加粗效果，strong語義更強烈
i，em傾斜效果，em語義更強烈
s，del加刪除線，del語義更強烈
u，ins加下劃線，ins語義更強烈

內聯標籤與其他內聯標籤共處一行

影像標籤

 // 影像標籤   
<img src = "影像的連結地址" />

超連結標籤

	// 超連結標籤    _blank新視窗開啟  _self本視窗開啟（預設本視窗開啟）
<a href = "目標地址" target = "目標視窗彈出方式">文字或影像</a>

標籤的屬性

<標籤名  屬性1 = "屬性值1"  屬性2 = "屬性值2">內容</標籤名>

相關文章