Features
Features:

Product Tour >

Edraw AI >

Paid Plans:

Individuals >

Business >

Eduaction >
Resources
Blog

History

How-tos & Tips

Discovery

Biography

Business Analysis

Examples

AI concept Map

Free AI Mind Map Generator

Onenote Mind Map

Bcg Matrix Examples

Nike Marketing Strategy

Unilever SWOT Analysis

Make Mind Maps in Google Docs

Guide

FAQs

What's New

Resource Center
Templates
All Templates

Brain Storming Templates

Strategy and Planning Templates

Project Management Templates

Product Management Templates

Human Resources Templates

Agile Workflow Templates

Marketing Templates

Education Templates

Fun and Games Templates

User Gallery
Download
Pricing
Enterprise

MindMap Gallery The basic structure of html

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:22

PlotWizard

Recent works View more works>>

The basic structure of html

PlotWizard

Recent works View more works>>

Recommended to you
Outline

Home
- 11
Sandeepan Kumar
HTML basic tags
- 28
PlotWizard
HTML5 CSS3 web design and production
- 78
PlotWizard
html summary
- 17
PlotWizard
HTML elementary mind map
- 22
PlotWizard
HTML5 related knowledge summary summary mind map
- 33
PlotWizard
Web mind map
- 36
PlotWizard

The basic structure of html

2. Document setting mark

1. Format mark

Force newline mark

Let the following text, pictures, tables, appear on the next line

Change paragraph mark

3. ;

Center align mark

preformatted markup

List item tag

Unordered list tag

ordered list tag

Can display specific order

1. Format

ol type = "symbol type"

li type = "symbol type" /li

/ol

2. Type attribute of ordered list

Arabic numerals 1, 2, 3, etc., default type attribute value

Large and small letters A, B, C, etc.

Lowercase letters a, b, c, etc.

uppercase roman numerals

small roman numerals

3. value

Specify a new sequence starting value

4. Lists can be nested

defined list

Use occasions

Give a brief description of the list item

Format

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