AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
HTML Tutorial

HTML font size


<< Previous Page
HTML headings
Next Page >>
HTML Table

HTML Tutorial » HTML font size

The font tag is having three attributes called size, color, and face to customize your fonts.
To change any of the font attributes at any time within your webpage, simply use the <font> tag.
The text that follows will remain changed until you close with the <font> tag.
You can change one or all of the font attributes within one tag.

Syntax:

<font size="value">text</font>
Note: The size attribute of <font> is not supported in HTML5. Use CSS instead.
CSS syntax: <span style="font-size:value"> My text here</span>

 

HTML font size attribute - example

In the next window HTML font size we show you an example that contains the following elements: <font size="3">, <font size="4">, <font size="5">

Example - Specify the size attribute of text:
<!DOCTYPE html>
<html>
<head>
<title>HTML Font Size</title>
</head>
<body>

<h1>This is an example of HTML Font Size</h1>
<font size="3">Here is my text! with font color size 3 </font> <br />
<font size="4">Here is my text! with font size 4 </font> <br />
<font size="5">Here is my text! with font size 5</font><br />

</body>
</html>
Note: The size attribute of is not supported in HTML5. Use CSS instead.

 

Related subjects:
HTML font color HTHL font face HTML font size

 

HTML font size style

In the next window HTML font size style we show you an example that contains the following elements style:
<font style="color:#06F; font-size:16px; background-color:#FF9">
<font style="color:#06F; font-size:18px; background-color:#FF9; padding:6px">
<font style="color:#06F; font-size:22px; background-color: #CFC; padding:12px">

Example font size style
<!DOCTYPE html>
<html>
<head>
<title>HTML Font Style</title>
</head>
<body>

<h1>THis is an example of HTML Font style</h1>
<p><font style="color:#06F; font-size:16px; background-color:#FF9">your text here</font></p>
<p><font style="color:#06F; font-size:18px; background-color:#FF9; padding:6px">your text here</font></p><br />
<font style="color:#06F; font-size:22px; background-color: #CFC; padding:12px">your text here</font>

</body>
</html>

 

HTML font size small

In the next window HTML font size small we show you an example that contains the following elements of font size small: size="small"

Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Font Size</title>
<style>
p {
font-size: larger;
}
span {
font-size: x-small;
}
</style>
</head>
<body>

<h2>This is an example of HTML Font size small</h2>

<p> <font size="small">your text using font size small</font></p>
<span>your text using css font-size: x-small</span>
<p> your text using font-size: larger;</p>
</body>
</html>
Note: The size attribute of <font> is not supported in HTML5. Use CSS instead.

 

<< Previous Page
HTML headings
Next Page >>
HTML Table

 



html font size, html font size and color, style, small, change, em, css, px smaller, css, rem, persentage
HTML Font Size - html tutorial

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


HTML Image tag, code...
How to code in HTML...
HTML text tag...
HTML text, how to display...
Container responsive styles...
HTML container tag...
HTML container...
Send forgot password by mail or message ...
PHP MySQL simple login system...
Check for duplicate username live or ema...
How to create simple search engine using...
Diseño de sitio web CSS Layout...
Diseño de caja flexible CSS3...
Botones en CSS...
ID y Clase, Diferencias entre Class e Id...
Esquina redondeada CSS...
Tamaño de caja css box-sizing: border-b...
Alineación CSS...
Altura y Anchura CSS...
Bordes CSS...