HTML FONTS

HTML FONTS:

• Fonts play an important role in making a website.
• HTML <font> tag used toad style, size, & colour to the text on your website.
• You can use a <basefont> tag to set all of your text to the same size, face, &colour.

NOTES:
The font & basefont tags are deprecated & it is supposed to be removed in a future
version of HTML.
So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts.
Set Font size:
• You can set content font size using size attributes.
• The accepted value is 1 to 7.
• Default size is 3.
• Here size 1 is smallest size & 7 is largest size.
• You can also specify the size +n or -n.

Example:
<!DOCTYPE html>
<html>
<head>
<title>Font size</title>
</head>
<body>
<font size="-1">Font Size="-1"</font><br/>
<font size="1">Font Size="1"</font><br/>
<font size="2">Font Size="2"</font><br/>
<font size="3">Font Size="3"</font><br/>
<font size="4">Font Size="4"</font><br/>
<font size="5">Font Size="5"</font><br/>
<font size="6">Font Size="6"</font><br/>
<font size="7">Font Size="7"</font><br/>
</body>
</html>
OUTPUT:


Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

HTML ORDERED LISTS

HTML ORDERED LISTS: • You can also create number list in HTML. • This list is created by using <ol> tag. • The numbering starts at one & is increment by one for each successive order list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: 1. Java 2. HTML 3. CSS 4. Java Script 5. PHP There are various types are present in ordered list. Example: <!DOCTYPE html> <html> <head> <title>order Lists </title> </head> <body> <ol type= "i"> <li>Java</li> <li>HTML</li> <li>CSS</li> <li>Java Script</li> <li>PHP</li> </ol> </body> </html> OUTPUT: i. Java ii. HTML iii. CSS iv. Java Script v. PH
Read more

Colspan & Rowspan Attributes on HTML Table

Image
Colspan & Rowspan Attributes: • You will use colspan attributes if you want to merge two or more columns nto single column. • Rowspan is used if you want to merge two more rows. Example: <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border=”1” > <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> </tr> <tr> <td rowspan="2">Row 1 cell 1</td> <td>Row 1 cell 2</td> <td>Row 1 cell 3</td> </tr> <tr> <td>Row 2 cell 2</td> <td>Row 2 cell 3</td> </tr> <tr> <td colspan="3">Row 3 cell 1</td> </tr> </table> </body> </html> OUTPUT:
Read more