HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

HTML Text Size


HTML Tutorial » HTML Text Size

We can add Text Size as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the section
External - by using an external CSS file as style.css
In HTML5, configuring web page fonts is using cascading style sheets.
The HTML style attribute has the following syntax:
Syntax:
<tagname style="property:value;">Your HTML Text </tagname>

Adding HTML Text Size using CSS inline - examples


Example:
Example 1 HTML Text Size using CSS inline:

<!DOCTYPE html>
<html>
<head>
<title>HTML Text Size using CSS inline</title>
</head>
<body>
<h1>HTML Text Size using CSS inline</h1>
<span style="font-size:22px">Here add your HTML Text</span>
<p style="font-size:14px">example - Here add your HTML Text</p>
<p style="font-size:28px">Example - This is my HTML Text</p>

</body>
</html>
Note: You will learn more about CSS Style under css-tutorial.html in this tutorial.


Adding HTML Text Size using CSS internal - examples


Example:
Example 2 HTML Text Size:

<!DOCTYPE html>
<html>
<head>
<title>Adding HTML Text Size using CSS internal - examples</title> <style>
span {
font-size: 16px;
}
p {
font-size: 24px;
}
</style>
</head>
<body>
<h1>Types of adding Adding HTML Text Size using CSS internal - examples</h1>
<span>Example - This is my HTML Text using internal CSS style</span>
<p>example - This is my HTML Text using internal CSS style</p>
</body>
</html>


For external CSS style just make a file as style.css and replace:
<style>
span {
font-size: 24px;
}
p {
font-size: 14px;
}
</style>

with <link rel="stylesheet" href="style.css" type="text/css"/>

html text size HTML Text Size - html tutorial

2113. HTML Tutorial - Background
A web tutorial about background and background colos and images
https://tutorialehtml.com/en/html-tutorial-background/

3204. HTML form action - radio HTML form - how to create, html tutorial
HTML form action - radio HTML form - how to create html tutorial
https://www.agernic.com/html-tutorial/html-form-action-radio-html-form-how-to-create.html

2655. Images : GIF & JPG - HTML Tutorial
HTML images - HTML tutorial
http://www.echoecho.com/htmlimages01.htm

2663. Links : Introduction - HTML Tutorial
HTML links - HTML tutorial
http://www.echoecho.com/htmllinks.htm

3065. HTML Tables
Learn about HTML tables with this HTML tutorial.
https://www.quackit.com/html/tutorial/html_tables.cfm

2141. HTML Tutorial - Paragraph <p> Tag
Formating a paragraph, syle, atributes
https://tutorialehtml.com/en/html-tutorial-paragraph/

Your add here
PHP print() function

PHP strtolower() function

PHP lcfirst() function

PHP substr() function

PHP define() function

PHP strtoupper() function

PHP explode() function

PHP similar_text() function

PHP strstr() function

PHP isset() Function

PHP printf() function

PHP strrchr() Function

PHP str_repeat() function

PHP strip_tags() function

PHP md5() function

PHP strlen() function

PHP Variables
CSS border radius
CSS Margin, top, bottom, left, righ, auto
CSS Text Size
CSS Button
CSS align content Property - CSS align text - how to create