1. Newly built

Items and labels have been established, now set the basic label and basic style.
Here, on the 01-basic label, right-click to recreate the html file, and the file name is called the basic label.

Two, use

(1) Font settings

Set the color to purple, the font size to 5, and the font style to italics. The code is as follows:

<font color=“purple” size=“5” face=“Italic script”>Moshang is like a jade, and the son is like a pair</font>

Moshang is like a jade, and the son is like a double
. Due to compilation problems, the html code will be compiled directly.
(So here, I have added a space after <, when used, there is no space after <.)

The above line is the effect after opening a new webpage.

(2) Join the horizontal line

Add a normal horizontal line:
< hr>
The effect is as follows:

Set the color of the horizontal line to silver and the size to 7. The code is as follows:

< hr color=“yellow” size=“7” / >

(3) Hyperlinks

Directly add an a after <, press the tab key, and write the link that needs to be jumped.
Such as < a href="http://www.baidu.com">Baidu</a>
the effect is as follows:
Baidu
Click this link to automatically jump to Baidu.
The content in the middle is set by yourself.
For example, if we set the content to Google, but the link is still Baidu, we will still enter the Baidu website after clicking the blue font.
< a href="http://www.baidu.com">Google</a>
Google

(4) Newline

In html, press Enter directly, and the web page effect cannot be changed. The line break code is < br>
There is no screenshot, experience it yourself.

(5) Loading

1. Image loading

Load an image with a width of 200 pixels and a height of 200 pixels.
Enter img, press the tab key directly, delete alt, and press alt+/ in src to import the image.
<img width="200px" height="200px" src="">

2. Audio loading

< video controls width=“400px” height=“300px” src=" " >< /video>

3. Video loading

< audio src=" " controls=“controls” > < /audio>

(6) Form

1. Unordered form

< ul>
< li>CSDN< /li>
< li>CSDN< /li>
< li>CSDN< /li>
< /ul>
效果如下：

2. Ordered form

Change the ul in the unordered form to ol.
Effect:

This article is purely original, any similarity is purely coincidental.
If you think it is an infringement, please contact to delete it, just because you are too lazy to care about it.
If there are mistakes, please criticize and correct, thank you.

Java front-end html basic tags