Detailed explanation of HTML body tag and commonly used control tags in HTML

Detailed explanation of HTML body tag and commonly used control tags in HTML

1. <body> tag:

Used to mark the main body of a web page. The body element contains all the content of the document (such as text, hyperlinks, images, tables, lists, etc.)

1. Available attributes in the body tag:
bgcolor="color value": Set the background color of the entire web page
text="color value": set the color of the text
link="color value": Set the display color of general hyperlink text
vlink="color value": Set the color of the visited hyperlink text
alink="color value": Set the display color of the hyperlink text when the mouse moves to the hyperlink and presses the mouse
bgcolor="color value": Set the background color of the web page
background: Set the background image of the webpage, which can be a GIF or JPEG format image (it will cover the background color of the webpage (if the image is transparent, you can see the background color). Because the background attributes have a hierarchical relationship, it is best not to set a background image)

2. Web page content and browser margin properties: By default, there is a margin between the web page content and the browser border.

leftmargin="pixel value": Set the distance between the content of the web page and the left border of the browser
rightmargin="pixel value": Set the distance between the content of the web page and the right border of the browser
topmargin="pixel value": Set the distance between the content in the web page and the top border of the browser
bottommargin="pixel value": Set the distance between the content in the web page and the bottom border of the browser

2. Commonly used control tags in HTML:

1. <br />: Line break tag (line break, not paragraph break)

2. <p>..</p>: Paragraph tag (a paragraph occupies one line and is a block-level element)
Attributes: align left (default) right center

3. <hr />: Add a horizontal line

property:
width:
Pixel absolute setting, the length will not change with the change of the window Percent relative setting, the length will change with the width of the window
szie:
Absolute pixel settings are expressed as numbers. The larger the value, the thicker the line. Percentage relative settings are expressed as %. The larger the value, the thicker the line.
color: Set the color
noshade="noshade" sets the 3D display effect for the horizon

4. <hx>..</hx>: HTML title is defined by tags such as <h1> - <h6>, and <h1> defines the largest title. <h6> defines the smallest title (it has no effect if it exceeds h6, and there are some hidden properties: automatic paragraph break, bold font).

Attributes: align (alignment): left left right right center center

5. <b>..</b>: Make the text bold

6. <blockquote>...</blockquote>: If a text is quoted from another website, include it with this tag and add the attribute cite="cited address" (the included text will be indented on both sides)

Attribute: cite=url (the cited address)

7. <pre>..</pre>: Defines preformatted text. The text enclosed in the pre element usually retains spaces and line breaks. The text will also be rendered in a monospaced font

8. <i>..</i>: Tilt

9. <strong>..</strong>: Strengthen the sentence (bold)
10. <em>..</em>: Strengthen the sentence (tilt)
11. <address>..</address>: The address will be automatically tilted

12. <small>...</small>: small font

13. <big>...</big>: Large characters

14. <del>..</del>: delete will add a strikethrough

15. <ins>..</ins>: Modifications will be underlined

16. <u>..</u>: underline
17. <s>..</s>: Delete line
18. <tt>...</tt>: Telegraph font

19. <sup>..</sup>: superscript
20. <sub>..</sub>: subscript

21. Commonly used special character formats: other reference manual entities

Copy code
The code is as follows:

Space:&nbsp;
Copyright No.: &copy;
Registered Trademark: &reg;
":quot;
&:&amp;
<:&lt;
>:&gt;

<<:  Vue+elementui realizes multiple selection and search functions of drop-down table

>>:  Common interview questions and answers for web designer positions

Recommend

Summary of seven sorting algorithms implemented in JavaScript (recommended!)

Table of contents Preface Bubble Sort Basic Algor...

Linux command line quick tips: How to locate a file

We all have files stored on our computers -- dire...

jQuery implements accordion small case

This article shares the specific code of jQuery t...

15 Linux Command Aliases That Will Save You Time

Preface In the process of managing and maintainin...

How to use port 80 in Tomcat under Linux system

Application Scenario In many cases, we install so...

Solve the error of starting MongoDB: error while loading shared libraries: libstdc++.so.6:cannot open shared object file:

When starting MongoDB, the prompt is: error while...

Detailed explanation of Vue life cycle functions

Table of contents Lifecycle Functions Common life...

Several solutions for forgetting the MySQL password

Solution 1 Completely uninstall and delete all da...

How to install and configure Docker nginx

Download Nginx image in Docker docker pull nginx ...

Detailed explanation of efficient MySQL paging

Preface Usually, a "paging" strategy is...

Introduction to CSS style introduction methods and their advantages and disadvantages

Three ways to introduce CSS 1. Inline styles Adva...

MySQL query optimization: a table optimization solution for 1 million data

1. Query speed of two query engines (myIsam engin...

A "classic" pitfall of MySQL UPDATE statement

Table of contents 1. Problematic SQL statements S...

The unreasonable MaxIdleConns of MySQL will cause short connections

1 Background Recently, some performance issues ha...

Vue+echart realizes double column chart

This article shares the specific code of vue+echa...