HTML 介紹

HTML:HyperText Markup Language,是一個用來建構網頁結構的一種標籤語法,以下是各版本的發佈年份。

年份 版本
1993 HTML
1995 HTML 2.0
1997 HTML 3.2
1997 HTML 4
1999 HTML 4.01
2000 XHTML
2014 HTML 5

撰寫HTML文件時,第一行可以宣告本文件所採用的版本,例如:

HTML 5

<!DOCTYPE html>

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

其中XHTML強制每個標籤都要有結束,如果沒有外部封閉標籤的,需使用內部封閉的方式,例如:

外部封閉:<p>內容1</p><p>內容2</p>

內部封閉:內容1<br />內容2

目前大部分的瀏覽器都支援HTML5,但若要IE8以前的瀏覽器支援,請加入下面的語法:

<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

想要測試自己的瀏覽器是不是完全支援所有的HTML5標籤,可以到這個網站來測試看看,以下是為大家整理的HTML標籤:

基礎結構類標籤
標籤 說明 備註
<html></html> 建構整份網頁文件
<head></head> 網頁描述資料
<body></body> 網頁內容

基礎描述類標籤
標籤 說明 備註
<title></title> 網頁標題
<base> 連結參考 針對相對路徑的參考位置
<meta> 頁面描述資料 關鍵字、描述…等
<style></style> CSS樣式 直接在網頁文件中撰寫CSS樣式
<script></script> Javascript語法 直接在網頁文件中撰寫Javascript樣式
<noscript></noscript> 不支援語法時顯示訊息
<link> 連結外部檔案 例如:CSS樣式表、網頁圖示檔…等

內容結構類標籤
標籤 說明 備註
<h1></h1>~<h6></h6> 標題 數字越小權重越高
<p></p> 段落
<br> 跳行
<wbr> 文字過長則斷行 HTML 5新增
<hr> 水平線
<table></table> 表格
<th></th> 標題欄位
<tr></tr>
<td></td>
<caption></caption> 表格標題
<colgroup></colgroup> 欄群組
<col> 欄群組屬性設定
<thead></thead> 表格標題群組
<tbody></tbody> 表格內容群組
<tfoot></tfoot> 表格頁尾群組
<ul></ul> 定義無順序清單
<ol></ol> 定義有順序清單
<li></li> 清單項目
<dl></dl> 定義描述清單
<dt></dt> 描述項目
<dd></dd> 項目說明
<div></div> 定義區塊型的區域
<span></span> 定義單行型的區域
<header></header> 定義網頁標題區域 HTML 5新增
<nav></nav> 定義網頁導覽區域 HTML 5新增
<main></main> 定義網頁主內容區塊 HTML 5新增
<section></section> 定義網頁章節區域 HTML 5新增
<article></article> 定義網頁內容區域 HTML 5新增
<aside></aside> 定義網頁邊欄區域 HTML 5新增
<footer></footer> 定義網頁頁尾區域 HTML 5新增
<details></details> 定義詳細訊息 HTML 5新增
<summary></summary> 定義詳細訊息總結 HTML 5新增
<iframe></iframe> 內嵌頁框
<menuitem></menuitem> 彈出式選單內容 HTML 5新增(僅Firefox支援)

內容描述類標籤
標籤 說明 備註
<b></b> 粗體字
<strong></strong> 粗體字 除了文字樣式上變粗之外,語意上也有加強的意思
<i></i> 斜體字
<em></em> 斜體字 除了文字樣式上變斜之外,語意上也有強調的意思
<small></small> 較小的字
<mark></mark> 突顯的字  HTML 5新增
<del></del> 刪除的字
<ins></ins> 加入的字
<sub></sub> 下標字
<sup></sup> 上標字
<q></q> 引用 用於較短的文字引用
<blockquote></blockquote> 引用 用於較長的文字引用,利用cite屬性說明出處
<abbr></abbr> 縮寫字說明 利用title屬性說明縮寫字
<address></address> 聯絡資訊
<cite></cite> 作品標題
<bdo></bdo> 文字方向 利用dir屬性決定方向(ltr:由左向右、rtl:由右向左)
<dfn></dfn> 術語
<kbd></kbd> 鍵盤輸入 表達需要使用者用鍵盤按下某按鍵
<samp></samp> 電腦回饋內容
<code></code> 程式碼
<pre></pre> 預先格式化 內容會按照在HTML中的排版來顯示
<var></var> 變數
<ruby></ruby> 文字音標 HTML 5新增
<rt></rt> 文字音標內容 HTML 5新增
<rp></rp> 不支援文字音標時顯示 HTML 5新增
<time></time> 定義日期時間 HTML 5新增
<bdo></bdo> 反向文字 HTML 5新增
<bdo></bdo> 對話框 HTML 5新增
<figure></figure> 圖片說明 HTML 5新增
<figcaption></figcaption> 圖片說明內容 HTML 5新增

連結類標籤
標籤 說明 備註
<a></a> 超連結

圖形類標籤
標籤 說明 備註
<img> 圖片
<map></map> 影像連結地圖
<area></area> 影像連結區域
<svg></svg> 網頁向量圖檔 HTML 5新增

表單類標籤
標籤 說明 備註
<form></form> 表單範圍
<input> 表單輸入項目
<fieldset></fieldset> 表單欄位群組
<legend></legend> 表單欄位群組名稱
<select></select> 表單選單
<optgroup></optgroup> 表單選單選項群組
<option></option> 表單選單選項
<textarea></textarea> 表單文字區域
<button></button> 表單按鈕
<datalist></datalist> 表單資料清單
<keygen> 表單金鑰產生欄位 HTML 5新增
<output></output> 表單計算結果欄位
<meter></meter> 量度圖形 HTML 5新增
<progress></progress> 進度圖形 HTML 5新增

多媒體類標籤
標籤 說明 備註
<canvas></canvas> 畫布區域 HTML 5新增
<audio></audio> 聲音內容 HTML 5新增
<video></video> 視訊內容 HTML 5新增
<source> 內容來源 HTML 5新增
<track> 內容字幕指定 HTML 5新增
<embed> 外部程式內容嵌入 HTML 5新增
<object></object> 外部程式內容嵌入 HTML 5新增

34,862 Responses

  1. Внимание игроки Желаете погрузиться в окружение виртуальных-казино и получить настоящие финансы? Тогда вам тут Список наилучших лучших игровых площадок 2025 Наш тг-аккаунт — ваш гид в окружение лучших виртуальных-казино в Российской Федерации Мы подобрали ТОП-10 безопасных игровых площадок где вы сумеете проводить время на средства и вывести свои доходы без трудностей. Что вас ждет: Достоверные отзывы и рейтинги казино играть бесплатно без регистрации демо от действительных игроков. Отличная имя любого площадки подтверждена временем и пользователями. Безоплатная вход и быстрый вход на каждой площадках. Активные дубликаты для доступа к вашему любимому казино в любой момент. Мобильная программа для удобной развлечения там хотите. Почему мы? Безопасные и проверенные игровые сайты с превосходными параметрами для проведения времени. Защита ваших информации и транзакций гарантирована. Свежие новости и новости мира онлайн-развлечений в РФ.

  2. Слушайте гейы Хотите попасть в мир виртуальных-развлечений и получить настоящие финансы? Тогда вам сюда Список наилучших отличных казино 2025 Наш тг-аккаунт — ваш проводник в мир отличных онлайн-казино в России Мы подготовили топ-10 надежных игровых сайтов где вы сможете проводить время на средства и вывести свои призы без затруднений. Что вас поджидает: Достоверные отзывы и оценки Казино с быстрой выплатой рейтинг и отзывы от реальных участников. Хорошая репутация каждого ресурса гарантирована опытом и игроками. Безоплатная регистрация и скорый вход на всех ресурсах. Активные зеркала для доступа к вашему излюбленному игровой площадке в любое час. Мобильное программа для удобной игры где хотите. Почему мы? Надежные и гарантированные игровые площадки с отличными критериями для игры. Гарантия ваших данных и транзакций защищена. Актуальные события и события окружения онлайн-игр в Российской Федерации.

  3. Слушайте игроки Желаете попасть в пространство виртуальных-развлечений и выиграть настоящие средства? Тогда вам к нам Список самых лучших игровых сайтов 2025 Наш telegram-профиль — ваш проводник в мир превосходных интернет-игр в Российской Федерации Мы подобрали ТОП-10 безопасных казино где вы получите возможность играть на финансы и получить свои доходы без трудностей. Что вас ждет: Честные мнения и оценки Популярные слоты в казино актуальный топ от действительных игроков. Превосходная статус всякого площадки гарантирована временем и пользователями. Бесплатная регистрация и мгновенный вход на любой сайтах. Действующие дубликаты для посещения к вашему любимому игровой площадке в любой время. Мобильный программа для удобной развлечения так угодно. Почему мы? Проверенные и надежные казино с лучшими критериями для игры. Защита ваших данных и транзакций обеспечена. Актуальные обновления и новости мира интернет-игр в России.

  4. Обратите внимание участники Хотите окунуться в мир интернет-игр и выиграть реальные средства? Тогда вам тут Рейтинг наилучших превосходных казино 2025 Наш телеграм-канал — ваш путеводитель в окружение превосходных онлайн-игр в РФ Мы подобрали ТОП-10 безопасных казино где вы сможете развлекаться на деньги и забрать свои призы без проблем. Что вас ожидает: Правдивые мнения и рейтинги Быстрые выплаты и поддержка рейтинг онлайн-казино от настоящих геймеров. Отличная репутация каждого ресурса проверена годами и игроками. Безоплатная вход и быстрый доступ на каждой сайтах. Действующие копии для входа к вашему любимому игровой площадке в любое время. Мобильный приложение для легкой развлечения где угодно. Почему нас? Безопасные и надежные игровые площадки с лучшими условиями для игры. Гарантия ваших данных и транзакций обеспечена. Свежие события и события пространства онлайн-игр в РФ.

  5. Внимание гейы Готовы погрузиться в пространство интернет-казино и получить действительные деньги? Тогда вам к нам Рейтинг самых превосходных игровых сайтов 2025 Наш telegram-аккаунт — ваш гид в мир отличных виртуальных-игр в Российской Федерации Мы собрали рейтинг-10 проверенных игровых площадок где вы сумеете играть на средства и вывести свои доходы без затруднений. Что вас ожидает: Правдивые рекомендации и оценки Онлайн-казино с живыми дилерами рейтинг и советы от настоящих геймеров. Хорошая репутация каждого площадки гарантирована временем и пользователями. Бесплатная запись и мгновенный вход на любой ресурсах. Активные дубликаты для посещения к вашему излюбленному игровой площадке в любое момент. Мобильная приложение для удобной проведения времени там желаете. Почему нас? Надежные и гарантированные игровые сайты с лучшими критериями для игры. Безопасность ваших сведений и операций гарантирована. Актуальные новости и обновления пространства интернет-развлечений в РФ.

  6. Слушайте гейы Желаете окунуться в окружение интернет-игр и выиграть действительные деньги? Тогда вам к нам Список лучших лучших казино 2025 Наш telegram-канал — ваш путеводитель в мир отличных виртуальных-развлечений в России Мы собрали топ-10 надежных игровых сайтов где вы сможете развлекаться на деньги и вывести свои призы без трудностей. Что вас поджидает: Достоверные рекомендации и оценки Криптовалютные онлайн-казино актуальные тренды и топ-платформы от настоящих участников. Отличная репутация каждого площадки подтверждена временем и клиентами. Неоплачиваемая регистрация и быстрый вход на любой сайтах. Действующие дубликаты для входа к вашему любимому игровой площадке в каждый момент. Мобильное программа для комфортной развлечения там угодно. Почему нас? Надежные и проверенные казино с отличными условиями для игры. Безопасность ваших данных и переводов гарантирована. Актуальные обновления и новости пространства онлайн-развлечений в РФ.

  7. Обратите внимание гейы Желаете попасть в мир виртуальных-игр и выиграть настоящие финансы? Тогда вам к нам Топ наилучших превосходных игровых сайтов 2025 Наш тг-канал — ваш проводник в мир превосходных виртуальных-казино в Российской Федерации Мы собрали рейтинг-10 проверенных игровых сайтов где вы получите возможность развлекаться на деньги и вывести свои призы без трудностей. Что вас поджидает: Честные мнения и ранги хорошее онлайн казино от реальных игроков. Превосходная статус всякого сайта подтверждена годами и игроками. Безоплатная вход и быстрый доступ на любой площадках. Действующие дубликаты для посещения к вашему излюбленному казино в каждый час. Мобильное программа для удобной развлечения там хотите. Почему нам? Безопасные и надежные игровые сайты с превосходными критериями для проведения времени. Защита ваших сведений и транзакций гарантирована. Актуальные обновления и события окружения виртуальных-казино в России.

  8. JacobLoody表示:

    https://sklad-ymov.ru/ — Узнайте больше о наших услугах и возможностях по индивидуальному заказу кухни.

  9. Обратите внимание участники Готовы погрузиться в мир онлайн-казино и заработать реальные средства? Тогда вам сюда Топ лучших превосходных игровых сайтов 2025 Наш телеграм-профиль — ваш путеводитель в пространство отличных виртуальных-казино в РФ Мы собрали ТОП-10 надежных казино где вы сумеете играть на деньги и забрать свои выигрыши без затруднений. Что вас ждет: Честные мнения и рейтинги Быстрые выплаты и поддержка рейтинг казино от реальных геймеров. Отличная репутация всякого ресурса гарантирована годами и пользователями. Бесплатная запись и быстрый вход на всех сайтах. Активные копии для входа к вашему любимому игровому сайту в любой час. Мобильный приложение для легкой проведения времени там угодно. Почему мы? Безопасные и надежные казино с отличными условиями для развлечения. Безопасность ваших сведений и операций обеспечена. Новые обновления и события мира онлайн-развлечений в России.

  10. Обратите внимание игроки Готовы попасть в мир онлайн-казино и получить реальные деньги? Тогда вам тут Топ самых лучших казино 2025 Наш тг-аккаунт — ваш гид в мир отличных онлайн-игр в Российской Федерации Мы подготовили рейтинг-10 надежных игровых сайтов где вы сумеете развлекаться на финансы и получить свои выигрыши без проблем. Что вас ожидает: Честные отзывы и оценки Обзор новых казино рейтинг и анализ от реальных геймеров. Хорошая репутация каждого сайта проверена годами и игроками. Бесплатная запись и мгновенный вход на всех ресурсах. Рабочие дубликаты для посещения к вашему любимому игровой площадке в каждый час. Мобильное софт для комфортной игры где угодно. Почему нас? Безопасные и гарантированные игровые сайты с лучшими условиями для проведения времени. Гарантия ваших информации и операций обеспечена. Актуальные обновления и новости мира интернет-казино в России.

  11. create stamp online free create stamp online free .

  12. Обратите внимание игроки Готовы попасть в окружение онлайн-развлечений и получить реальные финансы? Тогда вам сюда Топ самых отличных казино 2025 Наш тг-канал — ваш путеводитель в мир превосходных интернет-развлечений в Российской Федерации Мы собрали топ-10 надежных игровых сайтов где вы получите возможность проводить время на финансы и забрать свои выигрыши без трудностей. Что вас поджидает: Достоверные мнения и рейтинги Легкие условия вывода средств рейтинг казино от настоящих геймеров. Превосходная имя любого сайта гарантирована опытом и клиентами. Неоплачиваемая регистрация и мгновенный вход на каждой ресурсах. Рабочие копии для доступа к вашему предпочитаемому игровой площадке в каждый время. Мобильный приложение для комфортной игры там угодно. Почему нам? Проверенные и гарантированные игровые сайты с отличными критериями для развлечения. Защита ваших сведений и транзакций обеспечена. Актуальные обновления и новости окружения интернет-казино в Российской Федерации.

  13. stamp maker online free stamp maker online free .

  14. stamps maker stamps maker .

  15. online stamp maker free online stamp maker free .

  16. JacobLoody表示:

    https://www.pravoslavieug.ru/ — Официальный сайт pravoslavieug для вашего удобства.

  17. LesterlyClE表示:

    Indias Tata Consultancy Services expects its retail and manufacturing kraken4qzqnoi7ogpzpzwrxk7mw53n5i56loydwiyonu4owxsh4g67yd.onion clients in North America to step up spending on tech following a similar upturn in its banking and financial services segment a top executive of the nations No. 1 software-services exporter said. kraken4qzqnoi7ogpzpzwrxk7mw53n5i56loydwiyonu4owxsh4g67yd onion https://kraken4qzqnoi7ogpzpzwrxk7mw53n5i56loydwiyonu4owxsh4g7yd.com

  18. сайт表示:

    slotozal casino

  19. бонусы表示:

    бонусы

  20. slotozal kazino

  21. FrankEmine表示:

    sweet bonanza kazanma saatleri: sweet bonanza kazanma saatleri – sweet bonanza giris

  22. бонусы表示:

    слотозал казино

  23. слотозал казино

  24. slotozal casino

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。