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">

文獻來源:https://www.w3schools.com/

results matching ""

    No results matching ""