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 HTML and HTML5 common tags

HTML and HTML5 common tags

A summary of relatively basic knowledge points, commonly used tags of HTML and HTML5. I hope it is useful to you. If there are any errors, please point them out.

Edited at 2020-06-27 16:31:01

PlotWizard

Recent works View more works>>

HTML and HTML5 common tags

PlotWizard

Recent works View more works>>

Recommended to you
Outline

HTML and HTML5 common tags

Introduction to HTML (HyperText Mark-up Language)

what is

Hypertext

(Hyperlink)

mark

(Tag——>Make web page)

.html/.htm

Version development history

Document type settings

<!Doctype>

HTML

XHTML

HTML5

HTML basic syntax

Basic structure ( <html>...</html> )

head (information about the web page (HEAD header settings))

Acts on the header content of the web page and will not be displayed in the body text. Various settings for the current page

subtag

<title>

<base>

(Define the default link address of the page link tag)

<link>

(External Resources)

<meta>

coding

Keywords

describe

<style>

body (specific content of the web page)

text label

where n is a value from 1 to 6

title tag

Bold

stand alone

italics

emphasis italics

Bold

Emphasize bold

<cite></cite>)

title of work

subscript

superscript

strikethrough

character entity

formatting tags

<br/>

Line break

Change paragraph

<hr/>

horizontal dividing line

list

disorder

orderly

list item

<dl>...</dl>Customized list

<dt>...</dt>Customized list header

<dd>...</dd>Customize list content

Combining block-level elements

image tag

<img />

src

Image name and url address

alt

Prompt message when image loading fails

title

Text prompt attributes

width

Picture width

height

Image height

border

Border line thickness

path

"/"

The root directory of the web application

"./"

Current directory

"../"

Parent directory

hyperlink tag

<a href="Link target url address">Display text</a>

href: required, refers to the link jump address

target: indicates how to open the link

_blank new window

_parent parent window

_self this window (default)

_top top-level window

framename window name

title: text prompt attribute (details)

anchor link

Define an anchor point: <a id="a1"></a>

Use anchor point: <a href="#a1">Jump to a1</a>

table label

<table>

Define table

Define table title

<tr>

Define table rows

<th>

Define the header of the table

<td>

Define table cells

<thead>

Define table header

<tbody>

Define the body of the table

<tfoot>

Define the footer of the table

Form tags (<form>...</form>)

action attribute

Submission destination address (URL)

method attribute

Submission method

get(default)

The URL address bar is visible

Length limited (IE2k Firefox 8k)

relatively unsafe

post

URL address is not visible

Unlimited length

relatively safe

enctype

Submission type

target

Where to open the target URL

name

The attribute gives the form a name (use id instead in HTML5)

type attribute

Indicates the type of form item

text

Single line text box

password

Password input box

checkbox

Multi-select box, please provide value

radio

Radio button, please provide value

file

File upload selection box

button

Normal button

submit

submit button

image

Image submit button

reset

Reset button to restore the effect to the beginning (when first opened)

hidden

Main form hidden fields, if the information is submitted together with the form, but does not need to be modified by the user

Input field for e-mail address

url

Input field containing URL address

number

For input fields that should contain numeric values

max specifies the maximum allowed value

min specifies the minimum allowed value

step specifies the legal number interval (if step="3", the legal number is -3,0,3,6, etc.)

value specifies the default value

range

Used for input fields that should contain numeric values within a certain range, displayed as a slider bar

max specifies the maximum allowed value

min specifies the minimum allowed value

step specifies the legal number interval (if step="3", the legal number is -3,0,3,6, etc.)

value specifies the default value

Date pickers

date picker

date - select day, month, year

month - select month and year

week - select week and year

time - select time (hours and minutes)

datetime - select time, day, month, year (UTC time)

datetime-local - select time, day, month, year (local time)

for search domain

Like site search or Google search

color

Selection of color

name attribute

Form item name

used to store content values

value attribute

Input value (default specified value)

placeholder

A short message about the expected value

size attribute

The width value of the input box

maxlength attribute

The maximum length of the input content of the input box

readonly attribute

Read-only attribute for input box

disabled attribute

Disable attribute

checked attribute

Specify default options for select boxes

accesskey attribute

Specify shortcut keys (not commonly used) (IE: alt key Firefox: alt shift key)

tabindex attribute: Specify the switching order of tab keys through numbers (not commonly used)

Label creation drop-down list

name attribute

Define the name used to store the drop-down value

size

Define the number of visible items in the menu, not supported by html5

disabled

When this property is true, the menu is disabled.

multiple

Multiple choice

Drop down selection label

Used for embedding into <select> tags

value attribute

dropdown item value

selectedproperty

Default drop-down specified items

Multi-line text input area

name

define name

Used to store values in a text area

cols

Specifies the number of visible columns in the text area.

rows

Specifies the number of visible lines in the text area.

disabled

Whether to disable

readonly

read only

Label definition button

Place content inside the button element

fieldset>

Group related elements within a form

disabled attribute

Define whether the fieldset is visible

form attribute

Define one or more forms to which this fieldset belongs

Define titles for <fieldset> , <figure> and <details> elements

Allows you to combine options

Define a list of optional data

frame tag

src

Specifies the URL of the document displayed in the iframe

frameborder

Specifies whether to display a border around the frame

Label

double label

(<tag name>....</tag name>)

single label

(<tag name/>)

Attributes

(<tag name attribute name="value">....</tag name>)

specification

Tag name in lower case

The value of the attribute name has double quotes

Label should be closed

Comment

HTML5

Add layout tag

header defines the header of the document

nav defines the navigation link part

footer defines the footer/bottom of the document or section

article definition article

section defines a section (section/paragraph) in the document

aside defines the content/side outside the content it is in

datalist defines the option column list, and uses this tag in conjunction with input. The two are associated through id.

fieldset can pack/group related elements in the form and be used with legend

New input type attribute value

multimedia tags