MindMap Gallery HTML
Commonly used mind maps for html basics, hyper text markup language, and learn about grammar, basic html structure, common html tags, and HTML5.
Edited at 2023-08-22 10:49:18This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
HTML
html concept
hyper text markup language
Hypertext Markup Language
grammar
double label
<tag name attribute="attribute value"></tag name>
single label
<tag name attribute="attribute value" />
label, mark, element
html basic structure
Document declaration header
Tell the browser that my document type is html
Character Encoding
charset="utf-8"
page title
title
html common tags
Text class
title
h1
Generally used to place logos
h2
Generally used to put column titles
h3
h4
h5
h6
paragraph
p
Modification class
Bold
b
strong
Strong semantics
tilt
i
em
Strong semantics
Underline
u
ins
Strong semantics
strikethrough
s
del
Strong semantics
superscript and subscript
sup
superscript
sub
subscript
Table class
Label
table
tr
td
th
Column header
caption
table title
row grouping
thead
tbody
tfoot
column grouping
colgroup
Attributes
rules
Group dividing line
value
all
cols
rows
none
groups
width
height
border
bgcolor
align
horizontal alignment
value
left
right
center
valign
vertical alignment
value
top
middle
bottom
baseline
colspan
rowspan
cellspacing
cellpadding
Form class
form fields
form
method
Submission method
value
get
not safe
Shareable
Process data less than 2KB
Affected by address bar length
efficient
The process of obtaining data
post
The process of transferring data
No size limit
relatively safe
low efficiency
Not shareable
action
target address
value
(jumped address)
name
target
Open method
value
_blank
open in a new window
_self
The current window is open
form control(type)
text
text
password
password
Single choice
radio
Each group needs to have the same name attribute value
Multiple choice
checkbox
drop down
select>option
text field
textarea
button
image
button
submit
reset
file
Related properties
name
name
value
value
multiple
Multiple choice
checked
Checked by default
selected
Drop-down menu checked by default
readonly
read only
disabled
Disable
List class
orderly
ol>li
Attributes
type
value
1
a
A
i
I
start
disorder
ul>li
Attributes
type
value
circle
disc
square
none
customize
dl>dt dd
path dependent
picture
img
Attributes
scr
title
alt
width
height
Hyperlink
a
Attributes
href
title
target
path
relatively
Same level
./
Write directly
upper level
../
next level
folder
document
absolute
Starting from the drive letter
D:\......
used from web pages
https://img….
the difference
relatively
There is a reference
Cannot cross drive letters
absolute
no reference
Local ones cannot span computers (unless the paths on the computers are the same)
other
br
force line break
hr
horizontal line
div
span
character entity
>
<
©
®
HTML5
Features
The basic structure is simpler
grammar relaxation
Label semantics
Even without styles, a clear structure can be presented
Easy for SEO
Facilitates teamwork and post-maintenance modification of the code
accessibility
future features
Add semantic tags
big semantics
header
footer
main
nav
section
article
aside
small semantics
figure
figcaption
mark
canvas
video
Attributes
controls
autoplay
muted
loop
src
Supported formats
mp4
ogg
webm
width
height
audio
Attributes
controls
autoplay
muted
loop
src
Supported formats
mp3
ogg
wav
details
summary
source
smart form
Add new attributes
required
Required fields
autofocus
auto focus
placeholder
Placeholder
autocomplete
Whether to enable history recording
value
on
off
pattern
Regular verification
Add new control
tel
url
number
min
max
step
range
min
max
step
color
search
date
month
week
time
datatime-local