1. 程式人生 > 實用技巧 >HTML的基本標籤及實體符號

HTML的基本標籤及實體符號

開始標籤常被稱為起始標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。

HTML 屬性

1、屬性是HTML元素提供的附加資訊。
2、HTML元素可以設定屬性
3、屬性可以在元素中新增附加資訊
4、屬性一般描述於開始標籤
5、屬性總是以名稱/值對的形式出現,比如name="value"
6、屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。
7、注:在某些個別的情況下,比如屬性值本身就含有雙引號,那麼必須使用單引號。
例如:name='John "ShotGun" Nelson'

例子
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML的基本標籤及實體符號</title>
	</head>
	<body>
		<!--HTML標題(Heading)是通過<h1> - <h6> 標籤來定義的-->
		<h1>標題</h1>
		<h6>標題</h6>
		<!--段落標記-->
		不加段落:超文字標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標記語言。
		<p>加上段落:超文字標記語言(英語:HyperText Markup Language,簡稱:HTML</p>
		<p>是一種用於建立網頁的標準標記語言。</p>
		<!--HTML連結是通過標籤 <a> 來定義的-->
		<a href="https://www.baidu.com">這是一個連結</a><br>
		<!--HTML影象是通過標籤 <img> 來定義的-->
		<img src="../Pictures/Saved Pictures/334.png" width="150" height="150" /><br>
		<!--換行標記,br標籤是一種獨目標記-->
		Hello<br>Kitty!
		<!--水平線,一種獨目標記-->
		<hr>
		<!--color、width、size等等都是hr標籤的屬性-->
		<hr color="red" width="100" size="20">
		<!-預留格式--->
		<pre>
		for(int i = 0; i < 10; i++){
		    System.out,println("i = " + i);
		}
		</pre>
		<del>刪除字</del><br>
		<ins>插入字</ins><br>
		<b>粗體字</b><br>
		<i>斜體字</i><br>
		<!--右上角加字-->
		10<sup>2</sup>
		<!--右下角加字-->
		n<sub>m</sub>
		<font color="blue" size="20">字型標籤</font><br>
		<!--小於號、大於號的實體符號:
		&lt;   less than
		&gt;   greater than
		-->
		a&lt;b&gt;c<br>
		<!--空格的實體符號:&nbsp;
		Non-Breaking Space-->
		這是三個&nbsp;&nbsp;&nbsp;空格
	</body>
</html>