All HTML tags

Опубликовано 2018-12-22 автором stariс

ACTIVE HTML TAGS

All HTML tags in browsers, by default, are assigned the property display:, with the result that there is a separation of elements into block and embedded.

HTML document framework

<!DOCTYPE html>

<html lang="ru">

	<head>

		<meta charset="utf-8" />

		<title>Document</title>

	</head>

	<body>

		Content

	</body>

</html>

Service tags

Syntax	Description	display:
<!DOCTYPE>	Document type	none
<head></head>	Container at the beginning of the page for service tags and loadable functions	none
<title></title>	Document title displayed in browser tab	none
<meta>	Page metadata	none
<link>	Enable external services and style sheets	none
<script></script>	Connects scripts to the Page	none
<style></style>	Connects global styles to the page.	none
<base>	Base URL — Domain	none
<noscript></noscrip>	Block not supporting scripts	block

Structure

<body></body>	The basis of the html document	block
<main><main>	Container for all page content	block
<nav></nav>	Container for navigation menu	block
<header><header>	Header page	block
<article><article>	Main content block, usually an article	block
<section><section>	Portion of content with title	block
<aside></aside>	The part of the content that is indirectly related to the main	block
<footer></footer>	Bottom of the page	block
<div><spandiv>	Used to create block containers.	block
<span></span>	Used to create embedded containers.	block
<figure></figure>	Independent container.	block
<figcaption></figcaption>	Title for figure	block
<details></details>	Container with additional information that can be collapsed or expanded	block
<summary></summary>	The heading for "details", which you can click to collapse or expand a block	block

Text

<h1></h1>…<h6></h6>	Headings six levels	block
<p></p>	Paragraph	block
<br>	Line break	block
<wbr>	Possible line transfer	none
<hr>	Straight line	none
<blockquote></blockquote>	Quote	block
<q></q>	Brief quotation	inline
<cite></cite>	Citation source	inline
<code></code>	Code snippet	inline
<pre></pre>	Unformatted code	block
<kbd></kbd>	Text fixed pitch font	inline
<samp></samp>	Script Execution Result	inline
<var></var>	Allocates variables from programs	inline
<del></del>	Strikethrough text is marked as deleted	inline
<s></s>	Strikethrough text	block
<ins><ins>	Underlines text changes	inline
<u></u>	Underlined text	inline
<dfn></dfn>	Mark the term in italics.	inline
<em></em>	Выделяет курсивом важные фрагменты текста	inline
<i></i>	Italics text	inline
<strong></strong>	Highlights important text in bold	inline
<b></b>	Highlights text in bold	inline
<mark></mark>	Selects a text fragment with a yellow background.	inline
<small></small>	Reduces font size	inline
<sub></sub>	Subscript spelling H ₂O	inline
<sup></sup>	Superscript R ²	inline
<time><time>	Date, time of issue	inline
<abbr></abbr>	Abbreviation	inline
<address></address>	Address of the author of the article	inline
<bdi></bdi>	Isolates the text readable from right to left	inline
<bdo></bdo>	Sets the writing direction	inline
<ruby></ruby>	East Asian Symbols	inline

Tables

<table></table>	HTML table	table
<tr></tr>	Row table	table-row
<th></th>	Table Header Cells	table-cell
<td></td>	Table cells	table-cell
<thead></thead>	Top row group	table-header-group
<tfoot></tfoot>	Bottom row group	table-footer-group
<tbody></tbody>	Group of rows in the middle of the table	table-row-group
<col>	Allocates table column	table-column
<colgroup></colgroup>	Group multiple table columns	table-column-group
<caption></caption>	Table description	table-caption

Lists

<ol></ol>	Ordered numbered list	block
<ul></ul>	Bulleted list	block
<li></li>	List item	list-item
<dl></dl>	List with descriptions	block
<dt></dt>	List line with descriptions	block
<dd></dd>	Description line, list with descriptions	block

Images

<img>	Html image	inline
<>map</map>	Active areas on the map	inline
<area></area>	Active area with a hyperlink on the map	inline
<canvas></canvas>	Canvas container for dynamic display of images created using JavaScrip	inline-block

HTML Forms

<form></form>	HTML Forms	block
<input></input>	Multifunctional form fields	inline-block
<textarea></textarea>	Multiline form field	inline-block
<label></label>	Form text	inline
<datalist></datalist>	Creates a list of choices from which to make a selection	none
<option></option>	Option in dropdown list	block
<optgroup></optgroup>	Container with heading for group<option>	block
<select></select>	Container to create drop-down list	inline-block
<fieldset></fieldset>	Groups related form elements	block
<legend></legend>	The title of the form elements associated <fieldset>	block
<button></button>	Interactive button	inline-block
<keygen></keygen>	Key generator	inline-block
<progress></progress>	Displays the execution process in numeric values.	inline-block
<meter></meter>	It is used to display the numerical values of such indicators as the number of visitors, pressure value, etc..	inline-block
<output></output>	Field to display the results of calculations	inline

Embedded Items

<audio></audio>	Audio file	inline-block
<video></video>	Video file	inline-block
<source></source>	Specifies the location and type of alternate files for <video> and <audio>	none
<track></track>	Subtitles	none
<embed></embed>	Built-in external element	inline-block
<object></object>	Container for embedded external element	inline-block
<param>	Embedded External Item Parameters	none
<iframe></iframe>	Built-in frame	block