MindMap Gallery HTML
HTML mind map introduces the knowledge of HTML structure, DIV layout, CSS effects, and HTML tags. I hope this mind map will be helpful to you.
Edited at 2023-10-17 11:37:49This 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 structure
doctype
strict
transitional
frameset
head
title
meta charset
body
Various DIV and HTML tags
DIV layout
Layout principles
from top to bottom
from left to right
From big to small
box model
Width Height
width
height
margin
border
padding
floating layout
floating concept
float clear
CSS effects
Selector
ID selector
class selector
tag selector
derived selector
Pseudo class selector
wildcard selector
Select effect
paragraph control
text-indent; first line indent
text-align;horizontal text direction
text-decoration; text decoration line
text-transform; letter case conversion
text control
color; color
font-style; text style
font-weight; text thickness
font-size; text size
line-height; line height
font-famliy; font
background control
background-color; background color
background-image; background image
background-repeat; background image repeats
background-attachment; background attachment method
background-position; background image position
Introduction method
In-page style tag
external css file
Inline style tag
import import
initialization
Reason; browsers have css parameters for elements and may be inconsistent
Consequences; display effects differ between browsers
Method: Unify the css parameters of common elements and manually set unified effects
HTML tags
No semantic tags
div; block element, used for block layout
span; inline element, used to select text
Has semantic tags
h1-h6; title
p; paragraph;
img; picture
embed; video
a;Hyperlinks and anchors
ul; unordered list
ol; ordered list
table; table