HTML基礎
HTML 文本
所有HTML文本必須以這個類開頭:<!DOCTYPE html>。
HTML文本必須以<html>開頭和</html>結束。
HTML文本的可見部分在<body>和</body>之間。
<!DOCTYPE html>
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一支程式</p>
</body>
</html>
HTML 標題
HTML標題(Heading)是通過<h1> 到 <h6>標籤來定義的
<h1>我的第一個標題</h1>
<h2>我的第一個標題</h2>
<h3>我的第一個標題</h3>
<h4>我的第一個標題</h4>
<h5>我的第一個標題</h5>
<h6>我的第一個標題</h6>
HTML 段落
HTML段落是通過標籤<p>來定義的
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML 超連結
HTML超連結是通過標籤<a>來定義的
<a href="http://www.asia.edu.tw">Asia University</a>
HTML 圖片
HTML圖片是通過標籤<img>來定義的。 文件來源( src ),提示文本( alt ),以及尺寸( width和height )都是由屬性提供的
<img src="<圖片位置>" alt="<圖片說明>" width="168" height="168">
HTML 元素
HTML元素以開始標籤起始, HTML元素以結束標籤終止:
< tagname > content < /tagname >
元素的內容是開始標籤與結束標籤之間的內容,例如
段落範例<p>
<p> My first HTML paragraph.</p>>
標題範例<h2>
<h1>My First Heading</h1>
HTML 屬性
- HTML元素可以設置屬性
- 屬性可以在元素中添加附加信息
- 屬性一般描述於開始標籤
- 屬性總是以名稱/值對的形式出現,比如:name="value"
lang屬性:聲明網頁語言。(en-us 英文 /zh-tw 繁體中文)
<!DOCTYPE html>
<html lang="zh-tw">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
title 屬性:你在某一段文字內容使用title 屬性,當滑鼠指標,移到到該段落會出現title 屬性定義的內容。
<p title="測試title屬性">
你想要打什麼內容,就輸入什麼內容。
</p>
href 屬性:HTML鏈接是使用<a>標籤定義的。
<a href="http://www.asia.edu.tw">Asia University</a>
size 屬性:HTML圖像使用<img>標記定義。
<img src="<圖片連結位置>" width="168" height="168">
alt 屬性:當無法顯示HTML元素時,alt屬性指定要使用的替代文本。
<img src="<圖片連結位置>" alt="<圖片說明>" width="168" height="168">