分類
網站開發

HTML 基本例子

簡介網頁基本元素,包括文件類型、標題、段落、連結及圖片。

簡介網頁基本元素,包括文件類型、標題、段落、連結及圖片。

HTML 文件

所有 HTML 文件必須由 <!DOCTYPE html> 定義文件類型,然後文件內容寫於 <html></html> 中,而可見的部分則寫於 <body></body>

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個標題</h1>

<p>我的第一段段落。</p>

</body>
</html>

HTML 標題

文字標題由 <h1><h6> 標籤定義。

<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>

標題1

標題2

標題3

標題4

標題5
標題6

HTML 段落

文字段落由 <p> 標籤定義。

<p>我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。<p>
<p>我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。<p>

我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。我是段落。

我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。我是另一段段落。


HTML 連結

網頁連結由 <a> 標籤定義。而連結網址由其中的 href 屬性定義。

<a href="https://blog.alyssachan.space/">這是連結</a>

這是連結


HTML 圖片

網頁圖片由 <img> 標籤定義。檔案來源、取代文字、大小(闊度及長度)則由 srcaltwidthheight 屬性定義。

<img src="https://goo.gl/3EZ59I" alt="取代文字" width="200" height="auto">
取代文字

參考:http://www.w3schools.com/html/html_basic.asp

發表回覆

你的電郵地址並不會被公開。 必要欄位標記為 *

本網站受 reCAPTCHA 保護,並適用 Google 隱私政策服務條款