HTML text formatting

Formatted text (formattedtext, styledtext, richtext), as opposed to plain text, has style, layout and other information, such as color, style (bold, italic, etc.), font size, characteristics (such as hyperlinks) wait.

QQ截图20161010172438.png

Here we come to a big summary, followed by our HTML file just now (as the default comparison):

QQ截图20161205164742.png

QQ截图20161205164834.png

We can intuitively see the difference in fonts from the pictures.

Do you think it is troublesome to add a line break tag every time you want to break a line after writing a sentence? Now let’s introduce pre-formatted text (the so-called pre-formatted text refers to The code leaf has the same format as the web page display, and you can wrap the line without adding additional line break tags)

< pre>....< /pre> tags

We will In the file modification just now, delete all the following newlines and throw its content into the < pre> tag, and you will get a format similar to before (but it still looks different).

QQ截图20161205165318.png

QQ截图20161205165313.png

This tag is suitable for pasting code. Have you ever thought about how to control the code displayed on the web page without this tag? Format is such a difficult thing.


Continuing Learning
||
 这是 预格式文本。 它保留了 空格 和换行。 

pre 标签很适合显示计算机代码:

 for i = 1 to 10 print i next i 
submit Reset Code
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!