MindMap Gallery The basic structure of html
Mind map of the basic structure of html: including 1. html content/html, the document mark of the HTML document, also known as the HTML start mark, head content/head, the HTML file header mark, also known as the HTML header information start mark, etc.
Edited at 2022-04-18 16:54:22This 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.
The basic structure of html
2. Document setting mark
1. Format mark
1,
Force newline mark
Let the following text, pictures, tables, appear on the next line
2,
Change paragraph mark
3. ;
Center align mark
4.
preformatted markup
5.
List item tag
6.
Unordered list tag
7.
ordered list tag
Can display specific order
1. Format
ol type = "symbol type"
li type = "symbol type" /li
li type = "symbol type" /li
/ol
2. Type attribute of ordered list
1
Arabic numerals 1, 2, 3, etc., default type attribute value
A
Large and small letters A, B, C, etc.
a
Lowercase letters a, b, c, etc.
I
uppercase roman numerals
i
small roman numerals
3. value
Specify a new sequence starting value
4. Lists can be nested
8,
defined list
Use occasions
Give a brief description of the list item
Format
9,
Partition display tags, also known as value layer tags
It is often used to organize a large HTML paragraph, and can also be used to format lists, very similar to
10.
horizontal dividing line mark
2. Text mark
1.hn
title tag
There are 6 levels in total. The range of n is 1-6. Different levels correspond to titles with different display sizes. h1 is the largest and h6 is the smallest.
2. font
Font size settings
Three commonly used attributes
1. size
font size = "3"
The value range is 1-7, the default is 3
2. color
font color = "red"
3. face
font face = "Microsoft Yahei"
3.b
Bold font mark
4.i
italic font mark
5.sub
text subscript mark
6. sup
text superscript mark
7.tt
printer font mark
8. cite
The font used for citations, usually italic
9.em
Indicates emphasis, usually shown in italics
10.strong
Indicates emphasis, usually shown in bold font
11. small
small font mark
12. big
uppercase font mark
13. u
Underline font mark
3. Image tagging
img image tag
1. How to use
img src = "Path/File name.Image format" width = "Attribute value" height = "Attribute value" border = "Attribute value" alt = "Attribute value"?
2. Pay attention
1. img is a single tag and does not need to be closed with /img
2. When loading image files, the file path or file name file format is wrong, and the image will not be loaded.
3. Attributes of img tag
1. src attribute
effect
Specify the path and name of the image we want to load and the format of the image
2. width attribute
effect
Specify the width of the image
Unit: px, em, cm, mm
3. height attribute
effect
Specify the height of the image
Unit: px, em, cm, mm
4. border attribute
effect
Specify the border width of the image
Unit: px, em, cm, mm
5alt attribute
Function 1
When the image on the web page is loaded, move the mouse over it, and the attribute text specified by the image will be displayed.
Function 2
If the image is not downloaded or fails to load, text will be displayed instead of the image.
Function 3
Search engines can crawl images through the text of this attribute
1. Basic structure of html
1. html content /html
explain
Document tag for HTML documents, also known as HTML start tag
Function
These pairs of tags are at the front and back of the web page respectively.
html represents the beginning of the web page at the front end
/html indicates the end of the web page at the end
2. head content /head
explain
HTML file header tag, also called HTML header information start tag
Function
Used to contain basic information about the file, such as the title and keywords of the web page. In head /head you can put title /title, meta /meta, style /style and other tags
Notice
The content within the head /head tag will not be displayed in the browser
3. title content/title
explain
HTML file title tag
Function
The "theme" of the web page, displayed on the upper left side of the browser
Notice
The title of the web page cannot be too long, it must be short and concise, and it can specifically reflect the content of the page. The title /title tag cannot contain other tags.
The basic structure of html
1. html content /html
explain
Document tag for HTML documents, also known as HTML start tag
Function
These pairs of tags are at the front and back of the web page respectively.
html represents the beginning of the web page at the front end
/html indicates the end of the web page at the end
2. head content /head
explain
HTML file header tag, also called HTML header information start tag
Function
Used to contain basic information about the file, such as the title and keywords of the web page. In head /head you can put title /title, meta /meta, style /style and other tags
Notice
The content within the head /head tag will not be displayed in the browser
3. title content/title
explain
HTML file title tag
Function
The "theme" of the web page, displayed on the upper left side of the browser
Notice
The title of the web page cannot be too long, it must be short and concise, and it can specifically reflect the content of the page. The title /title tag cannot contain other tags.
explain
Theme tags for HTML documents
4. body content /body
Function
body... /body is the subject part of the web page. Between these tags, you can include /p, h1 /h1, /br and other tags. It is these contents that make up the content we see.
Common attributes of the body tag
1. bgcolor
Set background color
2. text
Set text color
3. link
Set link color
4.vlink
Color of visited connections
5. alink
The color of the link being clicked
5. meta content/meta
explain
Meta-information of the page (meta-information)
Function
Provide meta-information about the page, such as description and keywords for search engines and update frequency
required attributes
content
Value: some_text
Define relevant meta-information about the name attribute
Common properties
1. Commonly used name attributes
1.author
2. keywords
3. description
4. others
Note that the meta tag must be placed inside the head element
explain
Theme tags for HTML documents
4. body content /body
Function
body... /body is the subject part of the web page. Between these tags, you can include /p, h1 /h1, /br and other tags. It is these contents that make up the content we see.
Common attributes of the body tag
1. bgcolor
Set background color
2. text
Set text color
3. link
Set link color
4.vlink
Color of visited connections
5. alink
The color of the link being clicked
5. meta content/meta
explain
Meta-information of the page (meta-information)
Function
Provide meta-information about the page, such as description and keywords for search engines and update frequency
required attributes
content
Value: some_text
Define relevant meta-information about the name attribute
Common properties
1. Commonly used name attributes
1.author
2. keywords
3. description
4. others
Note that the meta tag must be placed inside the head element
4. Use of hyperlinks
1. Basic grammar
a href = "" target = "Open with" name = "Page anchor name" Link text or image /a
2. Attributes
1. href attribute
The link address can be a web page, a video, a picture, music, etc.
2. target attribute
1. Function
Define how the link is opened
2. Attribute value
1.blank
Open link in a new window
2. seif (default value)
Open link in current window
3. parent
Open the page in the parent window (more used in frames)
4. top
Open the file in a top-level window (more commonly used in frames)
3. name attribute
Specify the anchor name of the page