How to use the & lt;hr> tag of html

This article mainly explains "how to use html tags". The explanation in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian and go deep into it slowly to study and learn "how to use html tags" together!

I. html hr tag syntax

1, hr grammar organ introduction

Is an independent label, no split and no end of the non-pair of labels. hr is a self-closing label--, unlike newline labels, which are independent of a self-closing label.

2. hr small demonstration

hrApplication Example Code:

content forms

test content

test mode

Screenshot of effectiveness:

3, hr Use Note

It can be used directly in text form, and may also be used between tags. After use, a 100% wide horizontal line will appear, forming a line dividing the upper and lower modes.

II. hr Setting CSS Format

Tags are mainly used to set CSS patterns directly or to configure CSS patterns using class or id. To achieve the necessary clarity of the partition line.

Roughly configure hr color collection style through css font color.

1. hr Color change instance code

1) CSS code:

.expa{color:#F00} .expb{color:#00F}

3) HTML mode:

formal pattern

test form

test mode

3) Complete CSS+HTML code:

hr Instance CSS5 .expa{color:#F00} .expb{color:#00F}

schema content

test form

test mode

The above example code can be copied directly to test the Reality Dominator tag.

2. html hr example result screenshot

Thank you for reading, the above is the "html tag how to use" content, after the study of this article, I believe we have a deeper understanding of how to use html tags, the specific use of the situation also needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!