MindMap Gallery HTML_01
First introduction to HTML hypertext markup language, Web standards, HTML skeleton, character sets, tags
Edited at 2019-07-16 02:48:39This 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.
Hypertext Tag Language HTML
html tag
Tag classification
double label
<p>Paragraph</p>
Most of them are
single label
br hr img base meta
tag relationship
Father and son
brothers and sisters
Typography tags
h1~6 reduce the font size in sequence
p paragraph tag
hr horizontal line label (single)
Add a horizontal line to the page
hx
br
line break tag break
layout tag
Two boxes for layout
The general term is css div layout, not div span layout
div
No semantics, occupies one line
span
No semantics, occupies its own size
text formatting tag
Bold
b
bold
strong
XHTML is recommended
italics
i
Italic
em
XHTML is recommended
strikethrough
s
strike out (delete)
del
delete
XHTML is recommended
underline
u
underline
XHTML deprecated
ins
XHTML is recommended
Image tags
img src image source path
Attributes:
title
The text displayed when the mouse passes over
alt
When the picture cannot be displayed normally, text replacement
width width height height
Generally, only one of them is set, and the other value is adaptive.
link tag
a href
<a href ="http:www.baidu.com"></a>
External link http://www.baidu.com
Internal link index.html
Empty connection #
target
Responsible for how the link is opened
target= “self”
default value
target = "_blank"
Open in new window
Anchor link # is used with id
<a href = "#man">Click man</a>
<h1 id = "man">man</h1>
base default
Add target="_blank" to all connections by default
<base target="_blank">
annotation tag
For us people to see
path
The path is searched from the html file.
relative path
Same level
Just enter the name of the image file, such as <img src="logo.gif" />
next level
/
Enter the folder name and file name, separated by "/", such as <img src="img/logo.gif" />
upper level
../
Add "../" before the file name. If it is two levels above, you need to use "../ ../"
Such as <img src="../logo.gif" />
Go to the next level
../../
Such as <img src="../logo.gif" />
absolute path
list
Let’s arrange the content neatly
unordered list
ulli
ordered list
ol li
custom list
dl dt dd
sheet
character set
UTF-8 is currently the most commonly used character set encoding method. Commonly used character set encoding methods include gbk and gb2312.
gb2312 Simple Chinese includes 6763 Chinese characters
BIG5 Traditional Chinese for Hong Kong, Macao and Taiwan
GBK contains all Chinese characters and is an extension of GB2312. It adds support for traditional characters and is compatible with GB2312.
UTF-8 contains characters needed by all countries in the world
html skeleton
html
head
Document header
title
Document title (eyes)
body
Document body
DOCTYPE
Document type html5
charset="UTF-8"
character set
Web standards
structure
html
Body
Performance
css
dress, dress up
Behavior
JavaScript
action, skill