1. 程式人生 > >HTML 基本操作

HTML 基本操作

<!-- html 中 註釋格式 -->
<!DOCTYPE html>
<!-- html檔案的識別符號,說明當前檔案是一個網頁 -->

<html>
<!-- 根標籤,網頁所有內容都要寫在這個標籤中 -->

<head>
<!-- 用來存放網頁頭部資訊 -->
<meta charset="UTF-8">
<!-- 設定編碼格式為 UTF-8 支援中文展示  -->
<title>極致-名片</title>
<!-- 設定網頁標題 -->
</head>

<body>
	<!-- 存放網頁正文的內容 -->

	<div>
		<!-- 塊標籤 把網頁劃分為不同的部分-->
		<!-- 預設所有內容都在一行中,如果想獨佔一航,可以使用P標籤 -->
		<!-- <p>標籤是 段落標籤,中間內容為一段 -->
		<!-- <h1-h6>是標題標籤 -->
		<h3>靜夜思</h3>
		&emsp;&emsp;李白
		<!-- br 標籤代替 回車換行, &nbsp;和&emsp;代替空格 -->

		<br> <br>

		<p>床前明月光,</p>
		<p>疑是地上霜。</p>
		<p>舉頭邀明月,</p>
		<p>低頭思故鄉。</p>

		<!-- 建立folder 起名 image,儲存圖片 -->
		<!-- img 標籤用來展示圖片,src 屬性用來設定圖片地址 -->
		<img alt="1" src="image/47V[I[5F63P5SR0_J]N)YEJ.png"> 
		<br><br>
		
		<!-- <a href>標籤 叫做超連結標籤,點選後跳轉到指定頁面 -->
		<a href = "http://www.baidu.com">點選瞭解更多詩詞資訊</a>
	</div>

</body>
</html>

圖片檔案:
在這裡插入圖片描述