Features
Features:

Product Tour >

Edraw AI >

Paid Plans:

Individuals >

Business >

Eduaction >
Resources
Blog

History

How-tos & Tips

Discovery

Biography

Business Analysis

Examples

AI concept Map

Free AI Mind Map Generator

Onenote Mind Map

Bcg Matrix Examples

Nike Marketing Strategy

Unilever SWOT Analysis

Make Mind Maps in Google Docs

Guide

FAQs

What's New

Resource Center
Templates
All Templates

Brain Storming Templates

Strategy and Planning Templates

Project Management Templates

Product Management Templates

Human Resources Templates

Agile Workflow Templates

Marketing Templates

Education Templates

Fun and Games Templates

User Gallery
Download
Pricing
Enterprise

MindMap Gallery Complete collection of HTML tags (Rookie Tutorial Edition)

Complete collection of HTML tags (Rookie Tutorial Edition)

Refer to the summary of the novice tutorial, it is very convenient to check quickly. The gray ones are the original ones of HTML, and the green ones are the new ones of HTML5. It took me a long time, but it was not easy to summarize. I thought it was okay and I might as well reward the electricity bill.

Edited at 2021-07-14 17:43:52

PlotWizard

Recent works View more works>>

Complete collection of HTML tags (Rookie Tutorial Edition)

PlotWizard

Recent works View more works>>

Recommended to you
Outline

Complete list of HTML tags (refer to the novice tutorial)

<input>Input field

<textarea>Text area (multi-line input control)

<label> defines the label of the <input> element, usually the input title

<fieldset>A group of related form elements enclosed by a frame

<legend> defines the title of the <fieldset> element

<select> defines a drop-down list of options

<optgroup>Option group

<option>Options for the drop-down list

<button>A click button

<datalist> specifies a predefined list of input space options

<keygen> defines the key pair generator field of the form

<output> defines a calculation result

<Color> There are many color tags, RGB, which can be represented by names or numbers.

<Character> There are many phonetic symbols, characters, punctuation marks, etc., which are not listed here.

<span>Inline elements</span>

<div>block element</div>

<h1-6>Define title</h1-6>

<p>Paragraph</p>

<a>Hyperlink</a>

<img>image tag

<br>Line break

<hr>Horizontal line

<html>Define HTML document</html>

<body>Define the body of the document</body>

<em>Emphasis on text</em>

<i>Italics</i>

<small>Small font</small>

<strong>Emphatic tone</strong>

<del>Delete word</del>

<sub>Subscript</sub>

<sup>Superscript</sup>

<ins>Insert word</ins>

<code>Computer code</code>

<kbd>Keyboard code</kbd>

<samp>Computer code sample</samp>

<var>Variable</var>

<pre>Preformatted text</pre>

<>Abbreviation</abbr>

<address>address</address>

<bdo>Text direction</bdo>

<blockquote>Long quotes</blockquote>

<q>Short quotes</q>

<cite>Quote, cite</cite>

<dfn>Define a definition item</dfn>

<base>Default link for all link tags</base>

<canvas>Charts and other images

<audio> defines audio content

<video>video

<source>Multimedia resources, including audio and video

<track> specifies an external text track for media such as the <video><audio> element

<datalist> option list, used with input

<keygen> specifies the key pair generator field to use on the form

<output> defines different types of output

<article> is set as an independent content area on the page

<aside>Defines the sidebar content of the page

<bdi> allows setting a piece of text independent of the text direction setting of its parent element

<command>Define command button, such as radio, check box or button

<details> is used to describe the details of a document or a certain part of a document

<dialog> defines a dialog box, such as a prompt box

<summary> Title containing the details element

<figure> specifies independent stream content (images, charts, photos, code, etc.)

<figcaption>Define the title of the <figure> element

<math>You can use MathML elements in documents to write mathematical symbols and formulas</math>

<footer> defines the footer of a section or document

<header>The header area of the document

<mark>Text with mark

<meter> Weights and measures, only used for known maximum and minimum measurements

<nav>Part of the navigation link

<progress> defines the progress of any type of task

<ruby> defines ruby comments (Chinese phonetic or characters)

<rt> defines the interpretation or pronunciation of a character (Chinese phonetic phonetic or character)

<rp> Used in ruby comments to define the content displayed by browsers that do not support ruby elements

<section> defines the section in the document (section, section)

<time> defines date or time

<wbr>Specifies where in the text it is appropriate to add line breaks

<img>Define image

<map>Define image map

<area>Define the clickable area in the image map

<table>Definition table</table>

<th>Define the header of the table

<tr>Table rows

<td>Table cell

<caption>The title of the table

<colgroup>Group of table columns

<col>Table column attributes

<thead>The header of the table

<tbody>The body of the table

<tfoot>The footer of the table

<ol>Ordered list

<ul>Unordered list

<li>List items

<dl>list

<dt>List item

<dd>Description of custom list items

<form>Form for user input