iT邦幫忙

2025 iThome 鐵人賽

DAY 16
0
Modern Web

從0到有做出一個商家網頁系列 第 16

Day16:複習學過的HTML語法

  • 分享至 

  • xImage
  •  

由於昨天網頁已經做到了一個段落了,所以我們今天開始複習學過的HTML語法

1.網頁開頭
(一)<!DOCTYPE html>:宣告文件版本是HTML5

(二)<html lang="zh-Hant-Tw">~</html>:代表這是繁體中文文件

(三)<head>~</head>:在此區域輸入「編碼設定」和「標題」

(四)<meta charset="UTF-8">:將編碼設定為UTF-8,確保文字能正常顯示

(五)<title>~</title>:描述網頁的標題,會顯示在瀏覽器的標籤上

(六)<body>~</body>:這是顯示在瀏覽器的畫面,輸入讓使用者瀏覽的內容

2.網頁內容
(一)<h1>~</h1>:顯示標題的標籤,有h1~h6,重要性由大到小

(二)<p>~</p>:顯示段落的標籤,用來代表段落

(三)<ul>
<li>~</li>
<li>~</li>
</ul>
:顯示不分順序的項目清單

(四)<ol>
<li>~</li>
<li>~</li>
</ol>
:顯示有分順序的項目清單

(五)<dl>
<dt>~</dt>
<dd>~</dd>
</dl>
:顯示說明每個項目的清單,使用<dl>~</dl>包圍整個清單,並以 <dt>~</dt>包圍定義的項目名稱,以<dd>~</dd>包圍項目的說明

(六)<a href="~">:這是標記出超連結,可以點擊跳轉到設定的頁面

(七)<img src="~" alt="~">:這是顯示影像,使用src屬性設定檔案的位置,並以alt屬性設定無法 顯示影響時的替代文字

今天先到這裡明天再繼續!


上一篇
Day15:區隔商品圖片與商品介紹的線條
下一篇
Day17:HTML以及CSS語法複習
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言