iT邦幫忙

2025 iThome 鐵人賽

DAY 3
0
Modern Web

從骨架到靈魂:網頁構成三部曲系列 第 3

Day - 03一個簡易的HTML與法概念有哪些呢?

  • 分享至 

  • xImage
  •  

HTML 中,標記 (Tag) 主要分為兩種:

圍堵標記:有開始和結束標記

格式:<起始標記>內容</終止標記>記得要在終止標記前面加個斜線「/」
常見的圍堵標記有:

  • <html></html>又稱根元素,包含了所有顯示在這個頁面上的內容
  • <head></head> 為定義文件的頭部資訊,不會顯示於一般瀏覽者眼前
  • <body></body> 為定義文件的主體內容,會顯示於一般瀏覽者眼前的內容

單一標記:只有開始標記沒有結束標記

格式:<單一標記>
常見的單一標記有:

  • <img>功能為顯示圖片
  • <hr> 功能為加入分隔線
  • <br>:用來強制換行

標記屬性應用:

再來舉例一個簡單的<html>標記屬性應用
格式:<標記名稱 屬性="值">:<html lang="zh-tw">
這表示這個網頁語系設定為中文~
多個數性值可用空白區分各種屬性:
<起始標記 屬性名稱1=設定值1 屬性名稱2=設定值2>
meta標記可以來描述網頁有利於引擎優化並且正確分類


上一篇
Day - 02 網頁基本概念不可不知!
下一篇
Day - 04語意為王:打造搜尋引擎秒懂的 HTML5 結構
系列文
從骨架到靈魂:網頁構成三部曲8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言