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

Gitlab practical tutorial uses git config for related configuration operations

This article introduces the content related to gi...

MYSQL custom function to determine whether it is a positive integer example code

You can write a function: Mainly use regular expr...

Nofollow makes the links in comments and messages really work

Comments and messages were originally a great way...

Some details about semicolons in JavaScript

Preface Semicolons in JavaScript are optional, an...

How to create an Nginx server with Docker

Operating environment: MAC Docker version: Docker...

The ultimate solution to the problem of Chinese garbled characters in tomcat static pages (html)

In tomcat, jsp is not garbled, but html Chinese i...

How to use Cron Jobs to execute PHP regularly under Cpanel

Open the cpanel management backend, under the &qu...

How to use MySQL binlog to restore accidentally deleted databases

Table of contents 1 View the current database con...

MySQL database design: detailed explanation of Schema operation method using Python

Before the arrow was shot, the bow whispered to t...

How to implement scheduled backup of MySQL database

1. Create a shell script vim backupdb.sh Create t...

How to install mysql5.7.24 binary version on Centos 7 and how to solve it

MySQL binary installation method Download mysql h...

Solution to the error reported by Mysql systemctl start mysqld

Error message: Job for mysqld.service failed beca...

Diagram of the process from uninstallation to installation of MySQL 5.7.18 yum under Linux

After a lot of trouble, I finally figured out the...

Summary of several error logs about MySQL MHA setup and switching

1: masterha_check_repl replica set error replicat...

An example of using Dapr to simplify microservices from scratch

Table of contents Preface 1. Install Docker 2. In...