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

Two examples of using icons in Vue3

Table of contents 1. Use SVG 2. Use fontAwesome 3...

Details on macrotasks and microtasks in JavaScript

Table of contents 1. What are microtasks? 2. What...

Why MySQL does not recommend deleting data

Table of contents Preface InnoDB storage architec...

How to use dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag #Definition and Usage The <...

How to install MySQL database on Ubuntu

Ubuntu is a free and open source desktop PC opera...

Calling Baidu Map to obtain longitude and latitude in Vue

In the project, it is necessary to obtain the lat...

A brief analysis of SQL examples for finding uncommitted transactions in MySQL

A long time ago, I summarized a blog post titled ...

MySQL data aggregation and grouping

We often need to summarize data without actually ...

Solution to the problem of Failed when configuring IDEA to connect to MYSQL database

This article mainly introduces the solution to th...

Example of using store in vue3 to record scroll position

Table of contents Overall Effect Listen for conta...

Write a publish-subscribe model with JS

Table of contents 1. Scene introduction 2 Code Op...

Various types of jQuery web page verification code plug-in code examples

html <!DOCTYPE html> <html lang="en...

mysql show simple operation example

This article describes the mysql show operation w...

Install Linux using VMware virtual machine (CentOS7 image)

1. VMware download and install Link: https://www....

How to implement a binary search tree using JavaScript

One of the most commonly used and discussed data ...