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

  1. One thing I’d like to say is the fact that car insurance canceling is a horrible experience so if you’re doing the correct things as a driver you will not get one. Some people do get the notice that they’ve been officially dumped by the insurance company and many have to fight to get extra insurance following a cancellation. Cheap auto insurance rates tend to be hard to get after having a cancellation. Knowing the main reasons concerning the auto insurance cancellations can help owners prevent getting rid of in one of the most vital privileges available. Thanks for the strategies shared via your blog.

  2. idx 58995515表示:

    Great blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple tweeks would really make my blog shine. Please let me know where you got your design. Bless you

  3. RichardSic表示:

    cheapest erectile dysfunction pills where to get ed pills or buy ed pills https://www.google.com.ar/url?q=https://edpillpharmacy.store online erectile dysfunction medication erection pills online generic ed meds online and discount ed pills buy ed pills

  4. DouglasGed表示:

    reputable mexican pharmacies online: Best pharmacy in Mexico – mexico pharmacies prescription drugs

  5. Как избавиться от дубликатов номеров в телефонной книге?. Как быстро найти и удалить дубликаты номеров на Android. Советы по предотвращению дубликатов при импорте контактов. Почему дубликаты номеров могут быть проблемой. Экономьте место на устройстве: удаляйте дубликаты номеров. Простая инструкция по поиску и удалению дубликатов номеров на iPhone. Избавьтесь от дубликатов номеров за несколько минут. Специальные приложения для поиска и удаления дубликатов номеров. Польза от удаления дубликатов номеров на телефоне. Как очистить телефон от дубликатов номеров. дубликат автомобильного номера https://izgotovlenie-nomera.ru .

  6. DouglasGed表示:

    buying erectile dysfunction pills online: online ed prescription same-day – online erectile dysfunction pills

  7. DouglasGed表示:

    online shopping pharmacy india: Online medicine home delivery – indian pharmacies safe

  8. RichardSic表示:

    cheap ed medication ed online meds or ed prescription online http://www.stationcaster.com/stations/kabc/index.php?loadfeed=true&rss=edpillpharmacy.store discount ed pills ed meds on line cheap ed drugs and best online ed pills where can i buy ed pills

  9. RobertSleva表示:

    medication from mexico pharmacy: Best online Mexican pharmacy – mexico drug stores pharmacies http://mexicopharmacy.win/# mexican drugstore online top 10 pharmacies in india Best Indian pharmacy indian pharmacy

  10. RobertSleva表示:

    india online pharmacy: Online pharmacy – Online medicine home delivery http://edpillpharmacy.store/# discount ed pills mexico pharmacies prescription drugs mexico pharmacy win purple pharmacy mexico price list

  11. DouglasGed表示:

    low cost ed pills: Cheapest online ED treatment – erectile dysfunction medicine online

  12. porn表示:

    online slot

  13. RobertSleva表示:

    pharmacy website india: Top online pharmacy in India – indian pharmacy online https://indiapharmacy.shop/# cheapest online pharmacy india online ed pills Best ED meds online ed pills

  14. Как избавиться от дубликатов номеров в телефонной книге?. Как быстро найти и удалить дубликаты номеров на Android. Советы по предотвращению дубликатов при импорте контактов. Почему важно избавляться от дубликатов номеров. Освободите память смартфона: избавьтесь от дубликатов номеров. Простая инструкция по поиску и удалению дубликатов номеров на iPhone. Оптимизируйте свои контакты: удалите дубликаты номеров. Лучшие приложения для удаления дубликатов номеров. Как удаление дубликатов номеров может улучшить работу вашего смартфона. Порядок в адресной книге: удаление дубликатов номеров. изготовление номеров на автомобиль https://izgotovlenie-nomera.ru .

  15. Sazrsfm表示:

    Здравствуйте!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий.
    Заказ документа, который подтверждает обучение в университете, – это выгодное решение.
    forum.vorchun.ru/viewtopic.php?f=2&t=253075
    Рады оказать помощь!.

  16. DouglasGed表示:

    reputable indian online pharmacy: Indian pharmacy online – online pharmacy india

  17. RichardSic表示:

    cost of ed meds buy ed medication online or cheap erectile dysfunction pills http://cse.google.com.eg/url?sa=t&url=https://edpillpharmacy.store low cost ed meds online generic ed meds online ed medications online and online erectile dysfunction medication cost of ed meds

  18. TerryHax表示:

    Беспредел колокольцевской мафии Глава МВД и Ко – враги простого народа и участников СВО Органы внутренних дел и Прокуратура Санкт-Петербурга продолжают войну против кооператива «Бест Вей» – социально ориентированного проекта работающего с 2014 года по всей России обеспечившего квартирами тысячи социально незащищенных граждан России в том числе сотни участников СВО и военных. Суд по уголовному так называемому делу «Лайф-из-Гуд» – «Гермес» – «Бест Вей» идет с февраля с.г. – в Приморском районном суде Санкт-Петербурга. Параллельно в том же Приморском суде идет начавшийся еще летом прошлого года инициированный Прокуратурой Санкт-Петербурга гражданский процесс о признании кооператива незаконным. Выдумки следствия и прокуратуры Прокуратура и следственные органы МВД повинуясь воле неких пока неведомых заказчиков атаки на «Бест Вей» настаивают на том что устав и деятельность кооператива не соответствуют законодательству – хотя все версии устава кооператива проходили проверку в соответствующих государственных органах нарушений никаких там не находили и версии устава успешно проходили регистрацию. ГСУ ГУ МВД по Санкт-Петербургу и прокуратура утверждают что кооператив должен был регистрироваться как жилищно-накопительный и «встать на учет» в ЦБ – хотя жесткой системы накопления на приобретение недвижимости как в ЖНК в кооперативе «Бест Вей» нет: копить можно как угодно и где угодно – необязательно на счете в кооперативе. Кроме того сотрудники главка МВД и прокуроры говорят что кооператив не мог в начале 2021 года из жилищного переименоваться в потребительский просто согласовав с налоговой инспекцией новый устав – чем расписываются в полнейшем непонимании гражданского законодательства налоговая кстати новый устав согласовала без каких бы то ни было вопросов. В законе черным по белому написано что жилищный кооператив – вид потребительского. То есть ЖК – частный случай потребительского кооператива и переименование – всего лишь отказ от узкой специализации на приобретение только квартир на вторичном рынке. Кооператив работает с 2014 года его работа десятки раз оценивалась судами по всей России – в частности по делам о предоставлении материнского капитала в качестве паевого взноса и всегда оценивалась положительно. Никаких проблем в его работе не видела и Прокуратура Санкт-Петербурга – до тех пор пока в 2021 году на кооператив не поступил заказ неких очень влиятельных людей. Уголовные претензии – к другой организации По уголовному делу кооператив прежде всего выступает в качестве гражданского ответчика каковым признан на основании незаконного постановления руководителя следственной группы ГУ МВД по Санкт-Петербургу Винокурова инспирированного его заместительницей Сапетовой: якобы он должен отвечать за деятельность иностранной компании «Гермес» но при этом сумма ущерба в обвинительном заключении – 282 млн рублей а арестовано более 4 млрд рублей. Следствие в обвинительном заключении объявляет его частью единой с «Гермесом» финансовой пирамиды – не приводя доказательств ни нераздельности этих структур ни пирамидного характера деятельности кооператива. Кооператив приобрел для пайщиков более 2500 квартир он финансировался в равной степени как за счет платежей новых пайщиков и тех пайщиков кто состоял в накопительной программе так и за счет возвратных платежей пайщиков возвращавших кооперативу предоставленные на приобретение квартиры средства в том числе пайщиков досрочно выкупавших свои квартиры коих сотни. К тому же квартиры приобретались исключительно ликвидные – за счет тщательной юридической проверки и независимой оценки. То есть никаких рисков не ответить по обязательствам у кооператива никогда не было и нет – надежность кооператива выше надежности банков. Больше того даже незаконное возложение на «Бест Вей» обязанности заплатить 282 млн по обязательствам «Гермеса» как того требует обвинение не подорвет его ликвидность. Всего несколько так называемых потерпевших предъявляют к кооперативу претензии – и все эти претензии незаконны: –либо речь идет о невыплате паевых взносов в ситуации когда пайщик не вышел из кооператива в соответствии с уставом то есть не представил нотариально удостоверенного заявления; –либо требования о возврате паевых взносов пришлись на период когда счета кооператива уже были арестованы и соответственно выплата не произошла из-за того что ее не санкционировали правоохранительные органы по ходатайству которых произошел арест; –либо «потерпевший» претендует на вступительный и членские взносы которые по договору с кооперативом не подлежат возврату при выходе из кооператива так как идут на развитие «Бест Вей». Воровство «по закону» Представители прокуратуры в рамках процесса о законности кооператива в Приморском суде заявляли на словах что не подвергают сомнению ранее заключенные договоры и следовательно приобретение квартир при этом документально это не закрепляли. При этом они настаивают на признании кооператива незаконным в принципе – не указывая на конкретные недостатки в его уставе и деятельности например после устранения которых он станет законным. Они заявляют что недостатки неустранимы – что нонсенс с правовой точки зрения. Кооператив со своей стороны еще весной 2022 года постановил прекратить прием новых пайщиков на период пока ведется следствие и дело затрагивающее «Бест Вей» рассматривается в уголовном суде. В подкрепление этой позиции «Бест Вей» в этом году сам ходатайствовал перед судом об издании судебного приказа о запрете приема новых пайщиков и заключения новых договоров паенакопления на период рассмотрения уголовного дела. Законность работы кооператива исследует уголовный суд. Учитывая это а также добровольное самоограничение кооператива тема признания «Бест Вей» незаконным в гражданском суде вроде бы должна быть исчерпана? Кооператив обслуживает старые договоры новых уже более двух лет не заключает и не будет заключать до конца уголовного суда – в результате которого претензии к нему скорее всего будут сняты. Но нет прокуратура и ГУ МВД по Санкт-Петербургу под руководством Плугина его ГСУ под руководством Негрозова не унимаются – они требуют признать кооператив незаконным «в вакууме» абстрактно. Для чего? А для того чтобы появилось основание отнять активы кооператива только денежная часть которых превышает 4 млрд рублей и передать нужным людям через разного рода мафиозные структуры «по защите вкладчиков» а на самом деле по воровству денег в интересах неких заказчиков аффилированных с правоохранительными органами. Пайщики против беспредела Тысячи пайщиков приобрели квартиры с помощью кооператива – они довольны «Бест Вей» полностью поддерживают кооператив и требуют чтобы он продолжил работу. Ведь условия в кооперативе – гораздо выгоднее ипотеки даже льготной и дальневосточной. Среди этих тысяч – малообеспеченные люди которые без «Бест Вей» не смогли бы купить квартиры. Это военные которые нуждались в жилье – и получили его с помощью кооператива. Это сотни участников СВО – которые защищают Родину на фронте. Они возмущены тем что в тылу с их деньгами которые уже более двух лет заблокированы на арестованных счетах кооператива так называемые правоохранители творят беспредел. Все пайщики возмущены тем что в тюрьме более чем на два года оказались заперты технические сотрудники и простые пайщики кооператива которых следствие попыталось объявить организаторами пирамиды. Пайщики убеждены: липовое дело колокольцевской мафии против кооператива суд должен переквалифицировать в дело против следователей оперативников и обвинителей состряпавших заказуху в интересах криминальных бонз и для личного обогащения. Все заказчики этого коррупционного и подрывающего социальный мир в стране дела должны оказаться на скамье подсудимых и сесть надолго

  19. RichardSic表示:

    online ed medicine where to buy ed pills or discount ed pills https://www.google.bg/url?q=https://edpillpharmacy.store ed medication online cheap ed meds buy erectile dysfunction pills and ed medications cost cheap ed medicine

  20. notube mp4表示:

    Aw, this was an exceptionally good post. Spending some time and actual effort to create a great article… but what can I say… I hesitate a whole lot and don’t manage to get nearly anything done.

  21. DouglasGed表示:

    ed prescriptions online: ED meds online with insurance – online ed meds

  22. Raymondgob表示:

    Susan Wojcicki is a prominent technology executive best known for her role as the CEO of YouTube. Under her leadership, YouTube has grown into a global powerhouse for video content, making significant strides in both user engagement and revenue. Wojcicki’s career spans several decades in the tech industry, marked by her strategic vision and leadership skills. Her contributions to technology and digital media have made her a significant figure in Silicon Valley and beyond https://susanwojcicki.ru/.

  23. TimothyBow表示:

    Услуги адвоката
    [url=https://top-advokats.ru]человек и закон правовой центр[/url]
    Ищете надежную юридическую помощь? Официальный рейтинг адвокатов и юристов поможет найти проверенных специалистов, основываясь на высоком профессионализме, богатом опыте и положительных отзывах клиентов. Мы предлагаем уникальную возможность выбрать адвоката или юриста, способного эффективно разрешить ваше дело, будь то вопрос наследственного права, семейные споры или уголовного дела. Наш рейтинг поможет вам найти идеального кандидата, готового защитить ваши интересы в любой юридической ситуации и оказать юридические услуги профессионально и качественно

  24. DouglasGed表示:

    cheapest ed treatment: Best ED meds online – where to buy erectile dysfunction pills

  25. Poker online表示:

    Review my web-site … Poker online

  26. xxx表示:

    porn cannibalism

  27. Полезные советы по удалению дубликатов номеров. Как быстро найти и удалить дубликаты номеров на Android. Что делать чтобы не создавать дубликаты номеров при импорте. Почему дубликаты номеров могут быть проблемой. Экономьте место на устройстве: удаляйте дубликаты номеров. Как определить и удалить дубликаты номеров в iPhone. Оптимизируйте свои контакты: удалите дубликаты номеров. Специальные приложения для поиска и удаления дубликатов номеров. Как удаление дубликатов номеров может улучшить работу вашего смартфона. Порядок в адресной книге: удаление дубликатов номеров. дубликаты гос номеров http://www.izgotovlenie-nomera.ru/ .

  28. JamesJus表示:

    Как обратиться к нам за юридической консультацией? бесплатная юридическая консультация по телефону горячая линия круглосуточно Чтобы получить юридическую консультацию с нами можно связаться онлайн или же по телефону. Мы подберём вам юриста специализирующегося именно в той сфере законодательства с которой связаны ваши проблемы. Это поможет быстро достичь нужного результата и безусловно будет лучшим выбором если вам нужно незамедлительно получить юридические услуги. Бесплатная юридическая консультация по телефону может стать вашим спасением. Предоставленная нами консультация поможет вам сориентироваться в вопросе и решить нужна ли вам дальнейшая помощь которую может обеспечить Коллегия адвокатов № 1. После того как юридическая консультация по телефону будет проведена и проблемы будут чётко обозначены наши юристы могут оказать вам и дальнейшие услуги — от оформления нужных документов до представления ваших интересов в зале суда.

  29. RobertSleva表示:

    mexican online pharmacies prescription drugs: Best online Mexican pharmacy – buying prescription drugs in mexico online https://mexicopharmacy.win/# mexican pharmacy online prescription for ed Cheapest online ED treatment cheap ed meds

  30. RobertSleva表示:

    best ed medication online: Cheap ED pills online – where can i buy erectile dysfunction pills http://edpillpharmacy.store/# where can i buy erectile dysfunction pills ed medication online Cheapest online ED treatment top rated ed pills

發佈留言

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