preface

Hello everyone, I am Lao Gu.

Today we’ll continue with the BODY tag of HTML.

Structure of the content

The body tag is the “body” of an HTML static page, which generally consists of one of the following.

1. The text

Picture 2.

3. The hyperlinks

4. Audio and video

So today Lao Gu will focus on the “text” tag.

Text labels

1. Title tags

There are mainly 6 levels of title tags, namely H1-H6, in which H1 can be written once and the rest can be used multiple times.

< h1 > primary title < / h1 > < h2 > secondary title < / h2 > < h3 > 3 title < / h3 > < h4 > level 4 title < / h4 > < h5 > 5 title < / h5 > < h6 > six levels of headings < h6 >Copy the code

\

2. Paragraph labels

<p> Paragraph content </p> <p>Copy the code

Paragraphs have a space between them. If you want to have no lines, you can use a newline tag

<br/>
Copy the code

3. Text labels

  • Bold label: strong
  • The italic label is em
  • Superlabel: SUP
  • Subscript label: sub
  • Dotted label: S
  • Underline label: U
  • Large font tag: BIG
  • Small font labels: small

4. Horizontal label

<hr/>
Copy the code

5. Div tags

The main function of this tag is to make the structure clearer, especially between different CSS modules

\

<div></div>
Copy the code

6. Self-close the label

<meta/> Define web page information <link/> Introduce external CSS files <br/> newline < HR /> horizontal line <img/> image <input/> formCopy the code

7. Block elements and inline elements

Block elements: Block, block elements are exclusive to a row. For example, title tags, paragraph tags, div tags, and so on. In the browser, a line is displayed that excludes the other element \

Inline elements: Inline, this is industry compatible, such as font acceleration, enlargement, underline, and so on.

8. Special symbols

In HTML pages, there are times when you can’t type a symbol directly, or when you type something that doesn’t display in the browser. The most obvious one is the “space” symbol, so special symbols have their own code. But since we don’t use very many special symbols in practice, we only have to remember two of them. One is a space, one is a copyright symbol.

&nbsp; Space &copy; The copyright symbolCopy the code

Start work assignments

<! DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; Charset = utF-8 /> <title> <meta name="keywords" content=" HTML ", <meta name="description" <meta name="author" content="owzz.com"/> <meta name="copyright Content ="owzz.com"/> <! <meta http-equiv="refresh" content="99; url=http://owzz.com"/> </head> <body> <! - this is the first section of the title tag -- -- > < div > < h1 > h1 title < / h1 > < h2 > h2 title < / h2 > < h3 > h3 title < / h3 > < h4 > h4 title < / h4 > < h5 > h5 title < / h5 > < h6 > h6 title < h6 > < / div > <! This is the second paragraph tag --> <div> <p> This is the title tag THAT I wrote </p> <p> This is the content of the paragraph that I wrote </p> <p> </p> <p> If you don't want the interlacing you can use the newline tag <br/> so there are no interlacing </p> <! - this is the third paragraph text labels -- -- > < / div > < strong > font bold < / strong > < br > < em > change italic font < / em > < br / > < / s > < s > font in crossing < br / > < u > underlined font < / u > < br / > <p> font <sup> superscript </sup> font <sub> subscript </sub></p> <! -- This is the fourth horizontal line tag --> <div> Horizontal line tag <hr/> </div> <! <div><p> space &nbsp; &nbsp; &nbsp; Symbols, copyright & Copy; Symbol </p></div> </body> </ HTML >Copy the code

​