Home >Web Front-end >HTML Tutorial >How to set html font size
How to set html font size
- 醉折花枝作酒筹Original
- 2021-04-12 15:49:3375553browse
htmlHow to set the font size: 1. Use the size attribute setting in the font tag, the syntax is "". As the value of size increases, the displayed font becomes smaller. will be larger; 2. Use the "font-size" attribute and the syntax "font-size: value". The larger the value, the larger the font.
The operating environment of this tutorial: Windows7 system, CSS3&&HTML4 version, Dell G3 computer.
In HTML, usually use the font tag to set the font style, and use the size attribute to set the font size
As shown in the figure below:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title>设置不同文字大小</title> </head> <body> <font size="1"> 1号字体效果</font><br/> <font size="2"> 2号字体效果</font><br/> <font size="3"> 3号字体效果</font><br/> <font size="4"> 4号字体效果</font><br/> <font size="5"> 5号字体效果</font><br/> <font size="6"> 6号字体效果</font><br/> <font size="7"> 7号字体效果</font><br/> <font size="+2"> 默认字体号+2,也是5号字体效果</font><br/> <font size="-1"> 默认字体号-1，也是2号字体效果</font><br/> </body> </html>
The font-size attribute can set the font size
This attribute sets the font size of the element. Note that this actually sets the height of the character boxes in the font; the actual character glyph may be taller or shorter than these boxes (usually shorter).
The font corresponding to each keyword must be taller than the font corresponding to the smallest keyword, and smaller than the font corresponding to the next largest keyword.
<!DOCTYPE html> <html> <body> <p style="font-size:20px">文字</p> <p style="font-size:30px">文字</p> <p style="font-size:40px">文字</p> </body> </html>
Recommended learning: html video course
The above is the detailed content of How to set html font size. For more information, please follow other related articles on the PHP Chinese website!