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新增

28,293 Responses

  1. Ttwdvc表示:

    noroxin cost – noroxin sale confido pill

  2. RobertElund表示:

    Ирина Волк: расследование уголовного дела пирамиды Life is Good завершено гей порно видео Официальный представитель МВД России Ирина Волк сообщила об окончании предварительного расследования уголовного дела Life is Good. Материалы с утвержденным обвинительным заключением в отношении десяти человек направлены в Приморский районный суд Санкт-Петербурга для рассмотрения по существу. Они обвиняются в организации деятельности по привлечению денежных средств и мошенничестве совершенных в особо крупном размере в составе преступного сообщества. Всего по версии следствия в состав криминальной организации входили 35 соучастников. Потерпевшими по уголовному делу признаны 221 человек – люди заключили договоры с целью получения пассивного дохода. Общая сумма материального ущерба составила свыше 280 млн рублей. «Кроме того в деятельность финансовой пирамиды были вовлечены более 18 тысяч россиян. Они вложили в жилищный кооператив более 15 миллиардов рублей два миллиарда из которых организаторы криминальной схемы присвоили. Десять предполагаемых участников преступного сообщества были задержаны в феврале 2022 года оперативниками ГУЭБиПК МВД России совместно с коллегами из Санкт-Петербурга и сотрудниками ФСБ России. Остальные обвиняемые в противоправной деятельности объявлены в розыск. Возбуждено уголовное дело по признакам преступления предусмотренного частью 3 статьи 210 частью 4 статьи 159 частью 2 статьи 172.2 УК РФ. Расследование было взято на контроль руководством Следственного департамента МВД России» – сообщила Ирина Волк. По информации МВД в общей сложности полицейскими и сотрудниками ФСБ проведено более 100 обысков по местам проживания фигурантов и в офисах подконтрольных им организаций. Изъята компьютерная техника средства связи документы и другие предметы имеющие доказательственное значение. «В качестве обеспечительной меры по возмещению причиненного материального ущерба наложен арест на более чем 2300 находящихся в собственности кооператива квартир а также на денежные средства на счетах компании в сумме свыше 37 млрд рублей. Также арестованы активы фигурантов на общую сумму порядка 1 млрд рублей» – рассказала генерал-майор полиции. По версии следствия противоправная деятельность велась с 2014 года на территории девяти регионов России. Злоумышленниками были созданы подконтрольные организации с сетью региональных филиалов которые работали под единым брендом «Лайф из Гуд». Гражданам предлагали стать пайщиками кооператива обещая либо новое жилье либо получение дохода в размере до 30 годовых. При этом реальным инвестированием вкладов фигуранты не занимались. Приобретение недвижимости и обещанные выплаты осуществлялись за счет привлечения средств новых клиентов. Кроме того граждан вводили в заблуждение об уровне доходности вложений указывая в договорах параметры гораздо ниже обещанных. Полученные от вкладчиков деньги похищались. Ранее стало известно что Приморский районный суд Санкт-Петербурга заочно арестовал топ-лидера инвестиционного проекта Life is Good в Набережных Челнах Сергея Санникова и его жену Юлию. Также суд избрал меру пресечения в виде заключения под стражу и в отношении директора холдинга Игоря Маланчука. В июле этого года они были объявлены в федеральный розыск – соответствующая информация появилась в базе данных министерства.

  3. Charlesbrera表示:

    Наши кухни не просто мебель это произведения искусства наполненные вдохновением и инновациями https://guzywia4kuhnyanazakaz.ru/.

  4. Charlesbrera表示:

    Присоединяйтесь к нам и откройте новый уровень кулинарного опыта https://guzywia4kuhnyanazakaz.ru/

  5. lehenga choli表示:

    This website really has all of the info I wanted concerning this subject and didn’t know who to ask.

  6. I was pretty pleased to uncover this web site. I need to to thank you for your time for this wonderful read!! I definitely really liked every bit of it and I have you saved to fav to check out new things in your web site.

  7. HaroldnarRy表示:

    A fairly new player in the Russian darknet arena blacksprut Blacksprut has quickly gained attention for its interesting features and growing popularity. While some aspects raise questions it has the potential to become a prominent figure in the darknet scene. Features: Blacksprut https://bs-gl-darknet.com offers an Instant Transactions feature inspired by the success of similar systems on other platforms like Hydra. Couriers hide goods within the city and provide buyers with coordinates adding an adventurous element to the purchasing process.

  8. kubet77表示:

    Next time I read a blog, I hope that it doesn’t fail me just as much as this one. After all, I know it was my choice to read through, however I actually believed you’d have something helpful to talk about. All I hear is a bunch of whining about something you can fix if you weren’t too busy looking for attention.

  9. WayneTreno表示:

    Кухни про кухню Погрузитесь в мир кулинарных шедевров с нашими уникальными кухнями прямо от производителя https://tovudyi4kuhnyanazakaz.ru/

  10. Private Tour表示:

    Very good article. I am facing a few of these issues as well..

  11. iptv表示:

    I was able to find good information from your content.

  12. you are in reality a excellent webmaster. The website loading speed is amazing. It seems that you’re doing any distinctive trick. Furthermore, The contents are masterwork. you’ve done a great job on this subject!

  13. iptv表示:

    I’m impressed, I must say. Rarely do I come across a blog that’s both educative and entertaining, and without a doubt, you have hit the nail on the head. The issue is an issue that too few men and women are speaking intelligently about. I’m very happy I stumbled across this in my hunt for something regarding this.

  14. WayneTreno表示:

    Мы – команда страстных кулинаров и дизайнеров создающая кухни мечты для вас https://tovudyi4kuhnyanazakaz.ru/

  15. AaronBuh表示:

    Компания Септик-Нара-купить септик для дома занимается продажей установкой и обслуживанием септиков в Наро-Фоминске Наро-Фоминском районе. Основное направление деятельности нашей компании именно установка под ключ септиков любых видов и размеров. С момента основания нашей компании мы произвели монтаж более 1000 септиков по Московской и Калужской области. Благодаря этому у нас огромный опыт работы с любыми станциями представленными в нашем регионе Если Вы решили купить септик для дома или дачи мы с радостью поможем Вам с выбором модели доставим и установим септик на вашем участке в кратчайшие сроки. Мы занимаемся продажей септиков таких марок: Топас Юнилос Астра Евролос Тверь Аквалос Дочиста Фекалов Волгарь Удача. Мы работаем напрямую с производителями септиков поэтому Вы можете быть уверены что не переплачиваете ни копейки. Вся продукция в нашей компании имеет соответствующие сертификаты и лицензии. Время выезда на осмотр установки или привоза оборудования согласовывается с клиентами и выполняется в срок. Мы заботимся о своей репутации поэтому выполняем работу надежно и быстро. Если Вы не знаете какой септик больше всего Вам подходит мы предоставим консультацию и выезд специалиста на Ваш участок абсолютно бесплатно Благодаря приобретению качественных септиков в нашей компании каждый клиент получает большое количество преимуществ: » компактные размеры и небольшой вес устройства; » доступная стоимость очистной установки; » быстрый и простой монтаж; » невысокая стоимость эксплуатации; » отсутствие неприятных запахов; » высокая производительность; » длительный срок эксплуатации; » высокая степень очистки; » практически полностью автономный режим работы.

  16. Thomastit表示:

    Мы – команда талантливых дизайнеров воплощаем в жизнь ваши самые дерзкие кулинарные фантазии https://xehyroo5kuhnyanazakaz.ru/.

  17. iptv表示:

    I used to be able to find good information from your content.

  18. Having read this I thought it was very informative. I appreciate you finding the time and effort to put this informative article together. I once again find myself personally spending way too much time both reading and leaving comments. But so what, it was still worthwhile.

  19. Stacyfut表示:

    У нас нет предела совершенству Мы создаем гарнитуры которые будут радовать вас каждый день https://vycypeo6kuhnyanazakaz.ru/.

  20. RaphaelHAM表示:

    Premium users relish in a inappropriate cooker of benefits not close by on a free package. · You longing download documents at tied speeds without surplus limitations. https://tezfiless.com/

  21. Thomastit表示:

    Превратите свою кухню в шедевр https://xehyroo5kuhnyanazakaz.ru/

  22. ngentot pepek表示:

    Hi, I do think this is an excellent site. I stumbledupon it 😉 I’m going to come back once again since i have book-marked it. Money and freedom is the greatest way to change, may you be rich and continue to guide others.

  23. WayneTreno表示:

    Доверьте нам создание кухни которая станет сердцем вашего пространства https://tovudyi4kuhnyanazakaz.ru/.

  24. Royceerago表示:

    У нас вы найдете самые необычные идеи для вашей кухни которые заставят вас влюбиться в готовку снова https://kitubeu2kuhnyanazakaz.ru/

  25. ngentot memek表示:

    Hi! I could have sworn I’ve been to this website before but after going through many of the articles I realized it’s new to me. Anyhow, I’m definitely delighted I came across it and I’ll be bookmarking it and checking back regularly!

  26. Royceerago表示:

    Погрузитесь в мир кулинарных искусств где каждая кухня – это отражение стиля и вкуса https://kitubeu2kuhnyanazakaz.ru/.

發佈留言

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