Understand the difference between <br> and <p> tags-HTML Tutorial-php.cn

Understand the difference between
and

1. Comprehensive introduction br p - TOP

First of all, the similarity is that both br and p have the attribute and meaning of line breaks
Secondly, the difference< ;br /> is only needed to be used alone, while

and

are used in a pair.
Again, br tag is a small newline to mention the line, p The tag is used for large line breaks (segments) for each line.
Br example, pay special attention to the fact that the web standard of br is
, and if you use
without "/", although the effect is the same, it does not comply with the w3c standard.
This is an example of

tag. It can be seen that using the html p tag changes a big line and has a blank line style.
When the css style is not set for p, the effect of using one

paragraph tag is equivalent to using the effect of two
line break tags.

##When using the p tag, you need to pay attention to the fact that

and

need to be used together. You can see the above illustration to understand it.

Of course, you can make the p tag line wrap like br line wrap without any blank space. You can use css to set margin:0; padding:0; for the corresponding p tag. This can be achieved. Example p{ margin:0; padding:0 ;}, you can realize that

is equal to a
.

The above is a general introduction to the usage of the br "
" and p "

" tags from the PHP Chinese website.

Html Differences between p and br Usage Knowledge Chapter

P and Br both have line breaks. The p tag is a paragraph tag, and br is a forced line break tag.

2. Related html knowledge -

TOP

1, html p

2, html br

and< ;br /> Tag difference -

TOP

P uses a pair of

combination tags, while br is an independent
closing tag .

1. Introduction to P paragraph tagUsually in the article, the paragraphs are clearly distinguished and there is a certain distance between the text in the upper paragraph and the text in the lower paragraph. We can use the p tag for both the upper and lower paragraphs. We use p Paragraph tag, use

before the beginning of a paragraph of text, and add a

tag at the end of the paragraph of text. The paragraph p tag will put a certain distance between the upper and lower paragraphs of text, about twice the line-height distance.

2. Introduction to the Br forced line break tagDifferent from the p paragraph tag, the br tag is used for line break typesetting of paragraphs. After line breaks, the distance between the upper and lower lines of text is based on line-height.
html
Screenshot of forced line break tag demonstration

Usually in web pages under the same initialization, to achieve the same context word spacing, two br line break tags are equivalent to using p paragraph tags.

Html P paragraph and html Br line break comparison case HTML code snippet:

第一行文字 <br /> 
第二行文字<br /><br /> 
第三行文字<br /> 
第四行文字 
<p>第一段文字</p> 
<p>第二段文字</p> 
<p>第三段文字</p>

Copy after login

IV. Summary of Br and p -

TOP

us When text needs small line breaks, we use the br line break tag. If you want to implement paragraphs, you can use the p tag. This clear HTML structure is helpful for search engines and users to read the article. The appropriate paragraph and line break layout should be based on the user's reading habits.

The above is the detailed content of Understand the difference between
and

tags. For more information, please follow other related articles on the PHP Chinese website!