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,902 Responses

  1. 2008. p. Foster, Laura O. (2008).

  2. Williamagric表示:

    ed pharmacy http://indianpharm24.pro/# buy medicines online in india

  3. 勝ち鞍 読み方表示:

    Then again, the bath is one place you possibly can take pleasure in styles that depart from those utilized in the rest of the house.

  4. Michaelkeymn表示:

    Наша юкос «Сайт числом мебели для кухни» занимается твореньем равным образом перепродажей качественной кухонной мебели. Мы предлагаем широкий комплект продукта яже дает ответ наиболее современным трафаретам равно направленностям дизайна http://www.sufebey8kuhnishki.ru/.

  5. Michaelkeymn表示:

    Наша компания «Фотосайт по мебели для кухни» забирается учреждением также реализацией качественной кашеварной мебели. Пишущий эти строки делаем отличное предложение широченный круг продукции который отзывается наиболее сегодняшним образцам а также тенденциям дизайна https://www.sufebey8kuhnishki.ru/.

  6. WilliamDah表示:

    male enhancement products ed devices or best ed pills https://beporsam.ir/go/?url=http://pharm24.pro cheap ed pills what type of medicine is prescribed for allergies ed help and top erection pills best ed drugs

  7. Jorgeagopy表示:

    mexican online pharmacies prescription drugs: Mexican pharmacy ship US – medication from mexico pharmacy

  8. DevonPhack表示:

    https://indianpharm24.pro/# buy medicines online in india canada ed drugs

  9. Jamesses表示:

    Познакомьтесь маленький нашим проф коллективом который строит чудесную этажерка воплощая ваши грезы на реальность http://www.cehitae2kuhnishki.ru.

  10. Jamesses表示:

    Познакомьтесь маленький нашим профессиональным коллективом яже создаёт чудесную этажерка воплощая ваши мечты в течение реальность https://www.cehitae2kuhnishki.ru.

  11. ArthurReile表示:

    Фотофабрика кашеварных гарнитуров в Санкт-петербурге – это ваш надежный участник на твари кашеварных интерьеров. Автор этих строк работаем на исследованию изготовлении а также установке высококачественных кашеварных гарнитуров кои соединяют на себя стиль функциональность равным образом долговечность. Наша делегация – отдать посетителям персональные резолюции основанные немного учётом их пожеланий а также необходимостей чтобы любая шакша замерзла приятным также спокойным местом для бытью а также творчества https://tivokya0kuhnishki.ru.

  12. ArthurReile表示:

    Фотофабрика кухонных гарнитуров в течение Санкт-петербурге – это ваш надежный партнер в основании кашеварных интерьеров. Я специализируемся на разработке фабрике а также установке высококачественных кашеварных гарнитуров коим сочетают на себя язык работоспособность да долговечность. Наша поручение – предоставить посетителям персональные заключения основанные кот учётом ихний пожеланий а также необходимостей чтобы любая кухня остановилась приятным а также удобным районом для века и творчества http://tivokya0kuhnishki.ru.

  13. Clarkwer表示:

    Отечественный этношоп НашаМебель приглашает широкий комплект кухонь что помогут сделать устроенность и удобства на вашем доме https://www.notahye4kuhnishki.ru/.

  14. Clarkwer表示:

    Выше магазин НашаМебель делает отличное предложение широкий гарнитур кухонь тот или другой помогут создать устроенность равно уют в течение вашем обиталище http://www.notahye4kuhnishki.ru/.

  15. BrianAmese表示:

    Выше- инет-магазин Мебель-шмммммммебель призывает широченный коллекция мебели чтобы кухонь. У нас ваша милость выберете шиздец нужное для существа уютного и функционального интерьера https://www.tyfapao6kuhnishki.ru/.

  16. BrianAmese表示:

    Выше- интернет-магазин Мебель-шмммммммебель зовет широкий прибор мебели чтобы кухонь. ЯЗЫК нас ваша милость урвете все необходимое для создания приятного и высокофункционального внутреннего убранства http://tyfapao6kuhnishki.ru.

  17. Ismaelfer表示:

    We absolutely love your blog and find nearly all of your posts to be precisely what Im looking for. Would you offer guest writers to write content to suit your needs? I wouldnt mind creating a post or elaborating on a lot of the subjects you write in relation to here. Again awesome blog эскорт

  18. Michaelkeymn表示:

    Наша компания «Сайт по мебели для кухни» захватывается созданием равным образом продажей качественной кухонной мебели. Наша сестра делаем отличное предложение широченный ассортимент продукции который говорит самым современным шаблонам и тенденциям дизайна https://www.sufebey8kuhnishki.ru.

  19. Michaelkeymn表示:

    Наша юкос «Фотосайт числом мебели чтобы кухни» захватывается формированием а также продажей качественной кашеварной мебели. Я предлагаем широченный ассортимент продукции который отвечает самым прогрессивным стандартам и тенденциям дизайна http://www.sufebey8kuhnishki.ru.

  20. BrandonSaisy表示:

    indian pharmacy: Indian pharmacy worldwide delivery – indianpharmacy com

  21. Briansak表示:

    Дело Лайф-из-Гуд — Гермес — Бест Вей: свидетель обвинения объявила себя потерпевшей от следствия ЖК Бест вей 6 и 13 июня Приморский районный суд города Санкт-Петербурга рассматривающий по существу уголовное дело № 1-504/24 связываемое с компаниями Лайф-из-Гуд Гермес и кооперативом Бест Вей провел очередные шестое и седьмое по счету заседания посвященные допросу свидетелей обвинения и лиц признанных следствием потерпевшими в рамках судебного следствия по делу На заседаниях были заслушаны показания граждан как признанных потерпевшими так и свидетелей обвинения. Показания приводятся по аудиозаписи имеющейся в распоряжении редакции и стенограмме которую вела сторона защиты. Справка Предварительное расследование уголовного дела осуществлялось ГСУ ГУ МВД России по Санкт-Петербургу и Ленинградской области. На скамье подсудимых — десять граждан: Анна Высоцкая за полгода до ареста уволилась из Лайф-из-Гуд до августа 2021 года работала ивент-менеджером Лайф-из-Гуд в СИЗО более двух лет Александра Григорьева директор одного из технических юрлиц Лайф-из-Гуд в СИЗО более двух лет Михаил Измайлов предприниматель в СИЗО более двух лет Елена Соловьева главный бухгалтер ООО Эксперт в СИЗО более двух лет Альмира Гильберт неработающая в СИЗО с 2023 года Дмитрий Мазанов предприниматель в СИЗО с 2023 года Анатолий Наливан предприниматель и региональный уполномоченный кооператива в СИЗО с 2023 года Денис Шишко предприниматель в СИЗО с 2023 года Дмитрий Выдрин неработающий под домашним арестом и 83-летний отец Романа Василенко основателя компании Лайф-из-Гуд и кооператива Бест Вей Виктор Василенко пенсионер под запретом определенных действий. Начиная рассмотрение по существу Приморский районный суд продлил всем подсудимым меры пресечения на полгода что оспаривается адвокатами в вышестоящих судах. Всем подсудимым предъявлены обвинения как в мошенничестве ч. 4 ст. 159 УК РФ и создании финансовой пирамиды ч. 2 ст. 172.2 УК РФ так и в организации преступного сообщества ч. 3 ст. 210 УК РФ. Их а также гражданских ответчиков — прежде всего кооператив Бест Вей — защищают почти два десятка адвокатов. В уголовном деле 221 лицо признанное следствием потерпевшим предъявляющее претензии как к компании Гермес так и к кооперативу Бест Вей для сравнения: у компании Гермес не одна сотня тысяч клиентов в России у кооператива Бест Вей — около 20 тыс. пайщиков. Общая сумма ущерба в уголовном деле — 282 млн рублей при этом на счетах кооператива арестовано около 4 млрд рублей примерно столько же арестовано на счетах частных лиц. К кооперативу претензий не было следователь предложил подать заявление Признанный следствием потерпевший Болян подсудимых не знает. Был клиентом Гермеса а также пайщиком кооператива — но до 2019 года. В 2019-м он вышел из кооператива и из Гермеса ему были возвращены паевые взносы и никаких претензий к кооперативу у него не было — что он письменно подтвердил расторгая договоры с этими организациями. Однако как Болян отметил на суде следователь убедил его в том что он — потерпевший и должен подать заявление на возврат членских взносов. Заявление в МВД писать не хотел на него вышли сотрудники сначала претензий к кооперативу не было. Полиция ему объяснила что можно получить деньги. Стал клиентом Гермеса и пайщиком кооператива через своего консультанта Алексея Виноградова. Виноградов — грамотный маркетолог он ему верил тот не работал в кооперативе. Что было предметом договора в Гермесе не помнит. В Гермес внес 100 и 700 евро а в кооператив каждый месяц вносил по 12 тыс. в течение семи месяцев. Вышел и из кооператива и из Гермеса в 2019 году. Зачем вступал? Наверное квартиру купить хотел. Кооператив вернул ему 70 тыс. паевых взносов Гермес вернул со счета Виста 140 тыс. рублей. В кооперативе деньги вернули почти сразу удержав вступительный и членские взносы; в Гермесе вернули позже через внутрянку но удержали комиссию. Утверждает что ему говорили что можно со счета Виста вносить деньги в кооператив. Объясняли что деньги передаются в доверительное управление трейдерам и брокерам которые играют на бирже. В кооперативе как он утверждает можно было купить место в очереди. По его словам Гермес и кооператив — по сути одна организация. Требует взыскать с кооператива более 148 тыс. рублей — вступительный и членские взносы и более 60 тыс. рублей с Гермеса — комиссию при выводе средств. Договор с кооперативом не читал но ему объяснили что есть невозвратная часть денег — ее и не вернули но хочу попытаться вернуть. Претензий к кооперативу как бы и нет но если вернут взносы то будет хорошо. К Виноградову претензий не предъявлял. Может меня и не обманули в кооперативе -резюмировал свое выступление в суде Болян. Болян — яркий пример возгонки потерпевших которой занималось следствие для того чтобы нарисовать максимально большую цифру потерпевших от деятельности Гермеса — подчеркивают адвокаты. — Реального ущерба просто нет да люди по сути и не считают себя потерпевшими. 221 лицо признанное потерпевшим на фоне количества клиентов Гермеса и числа пайщиков кооператива Бест Вей не впечатляет. И как мы видим значительная часть из этого числа — ненастоящие потерпевшие а некие лица пытающиеся получить небольшие суммы на которые у них нет никаких прав. Требую выплатить с учетом роста цен на недвижимость Признанная следствием потерпевшей Комова была как клиентом Гермеса так и пайщиком кооператива. Подсудимых не знает. Требует более 8800 тыс. с кооператива и более 2700 тыс. с Гермеса. При этом из кооператива она не вышла и заявление о выходе не подавала. Сумма требований к кооперативу включает как паевые и членские взносы так и оценку роста цен на недвижимость которая не была приобретена. Утверждает что можно переводить деньги со счета Виста напрямую в кооператив — в подтверждение приводит скрины переписки с консультантами в смартфоне. Суд разъясняет что доказательство может быть приобщено позднее при надлежащем оформлении.

  22. Jamesses表示:

    Познакомьтесь с нашим профессиональным коллективом который образовывает чудесную мебель воплощая ваши мечты в реальность https://www.cehitae2kuhnishki.ru.

  23. Williamagric表示:

    ed natural remedies https://mexicanpharm24.cheap/# mexican mail order pharmacies

  24. Jamesses表示:

    Познакомьтесь небольшой нашим профессиональным коллективом яже создаёт уникальную этажерка воплощая ваши мечтания в явь http://www.cehitae2kuhnishki.ru.

  25. ArthurReile表示:

    Фотофабрика кашеварных гарнитуров в С-петербурге – этто чемодан надежный партнер в течение учреждении кашеварных интерьеров. Пишущий эти строки работаем сверху разработке фабрике равно аппарате первоклассных кухонных гарнитуров каковые соединяют в течение себе стиль работоспособность да долговечность. Наша делегация – предоставить клиентам личные ответы основанные из учётом их пожеланий равно необходимостей чтоб каждая шакша остановилась уютным и спокойным должностью чтобы животу а также творчества http://www.tivokya0kuhnishki.ru.

  26. ArthurReile表示:

    Фабрика кашеварных гарнитуров в течение С-петербурге – это чемодан надежный партнер в течение произведении кухонных интерьеров. Автор работаем сверху разработке изготовлении и аппарате высококачественных кашеварных гарнитуров что сочетают в течение себя язык функциональность равным образом долговечность. Наша миссия – предоставить посетителям персональные заключения созданные начиная с. ant. до учётом ихний пожеланий а также необходимостей чтоб любая кухня застопорилась уютным также спокойным участком для жизни также творчества https://www.tivokya0kuhnishki.ru.

  27. Clarkwer表示:

    Выше- магазин НашаМебель зовет широкий ассортимент кухонь тот или другой помогут создать уют также удобство в вашем жилье https://www.notahye4kuhnishki.ru.

  28. Clarkwer表示:

    Наш этношоп НашаМебель призывает широкий прибор кухонь которые посодействуют создать уют также удобство на вашем логове http://notahye4kuhnishki.ru/.

  29. DevonPhack表示:

    http://pharm24.pro/# best ed drugs drugs and medications

發佈留言

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