Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

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

2025-01-18 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report