top of page

HTML 基礎語法

HTML(HyperText Markup Language)是一種標記語言,用於定義網頁內容的結構和格式。它描述了網頁中各種元素,如文字、圖像、超鏈接等,以及如何顯示這些元素。

在 HTML 中,元素由標籤表示。標籤通常是由 "<" 和 ">" 組成的,例如:



<p>這是一段段落。</p>


上面這個例子中,"<p>" 和 "</p>" 是標籤,"這是一段段落。" 是元素的內容。"<p>" 標籤是用來標記段落的開始,"</p>" 標籤是用來標記段落的結束。


HTML 除了標籤之外,還有 屬性內容 這三部分組成。


屬性(attribute)是用來描述元素的附加信息。屬性通常出現在標籤中,並由一對「屬性名」和「屬性值」組成。例如:<a href="http://www.example.com"> 中的 href 是一個屬性,它的「屬性名是」 href,「屬性值」是 http://www.example.com

<a> 代表這個是一個連結,點擊連結則會開啟 http://www.example.com 這個網頁。(因為我們在 a 的 href 屬性設定了 http://www.example.com 這個連結)。


內容(content)是指標籤之間的內容或其他元素。例如:<p>這是一段段落</p> 中的「這是一段段落」就是這個元素的內容。


HTML 通常由多個標籤層層包覆著,每個元素都由開始標籤、結束標籤和內容組成。例如:


<html>
<head>
    <title>我的網頁</title>
</head>
<body>
    <h1>這是一個大標題</h1>
    <p>這是一段段落</p>
</body>
</html>

通常在網頁畫面內,會顯示的是 <body> 裡面的內容。

這個範例裡面有 大標題 <h1> 以及 文章段落 <p>


HTML 僅僅是網頁的內容跟架構,跟外觀完全沒有關係喔。(外觀是 CSS 的工作)

2 views0 comments

Recent Posts

See All

最早最早在開發網頁的時候,工具很少很簡陋,開發起來速度非常緩慢。 現在工具一堆,幫助很大,大大提升了開發效率。 Taker 在這裡列出一些常見的前端開發工具,學習使用之後,對你的開發會非常有幫助。 前端開發常用的小工具: IDE 文字編輯器:如 Sublime Text, Atom, Visual Studio Code (VS code) 等,目前最紅的是 VS code。 瀏覽器開發者工具(瀏

很多學生一開始學 HTML+CSS 的時候,會有這樣的疑問: div 看起來很萬能,沒有特別的 CSS 設定,可以很輕鬆的做調整。 反正整個網頁的 CSS 畫面都可以自己調,為什麼不直接用 div 把整個網頁做出來就好? 如果你有這樣的疑問,代表你還不理解 HTML 的主要用意是什麼。 HTML 是用來 描述網頁結構 的語言。 像 div 是 HTML 裡的一個標籤,它可以用來建立網頁的區塊,基本

上一篇提到 CSS 常見屬性分為:佈局 + 細節 佈局上次做了簡單的分享,今天這篇來列一些常用的「細節設定」 背景屬性:用來控制元素的背景,如背景顏色、背景圖像、背景圖像的位置、背景圖像的重複方式等 background-color:背景顏色 background-image:背景圖像 background-position:背景圖像的位置 background-repeat:背景圖像的重複方式

​取得最新消息

感謝訂閱🙏

bottom of page