MindMap Gallery Html tag
According to a certain programmer course, the HTML tags compiled by myself are relatively complete.
Edited at 2020-06-17 18:11:42This 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 tag
Typesetting tag: Memorize
Title Tag: Memorize
head header: double label
<h1>, <h2>……
Six levels in total
Use sparingly, usually for logos
Paragraph Tags: Memorize
paragraph paragraph: double label
<p>
Text in a paragraph will generally wrap automatically according to the size of the browser.
Horizontal Line Label: Recognition
horizontal horizontal line: single label
<hr />
The default style of horizontal lines is displayed on the web page.
Line break tag: Memorize
break: single label
<br />
add at the end
div span tag: focus
division division, partition
span span, span, range
They are all double labels and meaningless.
They are the two boxes of our web page layout.
Text Formatting Tags: Memorize
bold bold
<b>, <strong>: double tags
Strong is recommended for XHTML
tilt
<i>, <em>: double tags
em is recommended for xhtml
strikethrough
<s>, <del>: double tags
It is recommended to use del for XHTML
Underline
<u>, <ins>: double tags
XHTML recommends using ins
Image tag: focus
<img src="Image URL" />
single label
The src attribute in this syntax is used to specify the path and file name of the image file. It is a required attribute of the img tag.
<img /> tag attribute
src attribute
url attribute value
image path
alt attribute
text~
Replacement text when image cannot be displayed
title attribute
text~
Content displayed on mouseover
width attribute
Pixel~ (XHTML does not support % page percentage)
Set the width of the image
height attribute
Pixel~ (XHTML does not support % page percentage)
Set the height of the image
Generally, you only need to change one item, and the other item will be scaled proportionally.
border property
Number~
Set the width of the image border
Not recommended
Link tag: focus
<a href="Jump target" target="How the target window pops up">Text or image</a>
1. External links need to add http://
For example http://www.baidu.com
2. Content link: Direct link to the internal page name
For example, <a href="index.html">Homepage</a>
3. If the connection target is not determined at that time, the href attribute value of the link tag is usually defined as "#" (i.e. href="#"), which means that the link is temporarily an empty link.
4. Not only can you create text hyperlinks, but you can also add hyperlinks to various web elements in the web page, such as images, tables, audio, videos, etc.
Anchor positioning:double label
Suitable for long pages, click on a keyword to quickly reach this position on the page
1. Use "<a href="#id name">Link text</a>" to create link text
2. Use the corresponding id name to mark the location of the jump target.
id="life"
Base tag: single tag
Open a new page
target="_blank"
It’s too troublesome to lose one by one
Jump to your own page
target="_self"
<base target="_blank" />
Enter in the head tag
Special characters
annotation tag
<!-- Comment content-->
1. It is a very good coding habit to use more comment tags.
2. The content in the comment tag is for programmers to see and is not executed by the browser.
3. Shortcut keys for HTML comments
ctrl/
Single line comments
ctrl shift /
Multi-line comments
Label attribute
<Tag name Attribute 1="Attribute value 1" Attribute 2="Attribute value 2"...>Content</Tag name>
1. Tags can have multiple attributes, which must be written in the start tag and located after the tag name.
2. The attributes are in no particular order. Tag names and attributes, attributes and attributes are all separated by spaces.
3. Any label attribute has a default value. If the attribute is omitted, the default value will be used.
Take the format of key-value pair, key="value" format, attribute=value
Try not to use style attributes