How to Change Font Size in HTML
What is HTML?
HTML is a common markupmarkup language used as a foundation of every webpage we see online. Thus, HTML is a markup language that is used by all web pages. HTML documents consist of tags that arrange and structure their content. This basic block is responsible for organizing the page and includes the layout elements,
adding headers, paragraphs, links, pictures, and lists to the site's main content. HTML tags are a secondary culprit that reveals the concept of HTML and sometimes the structure behind it, hence playing the role of the marquee tool.
HTML web pages should be arranged in blocks, which include the nested into one other component that can be different - the content or some other feature. The sample HTML document containing one of the most basic metadata elements (like the title, character encoding, etc.) will be rather easy to write.
How to Change Font Size in HTML?
The "font-size" property in CSS (Cascading Style Sheets) allows you to change the font size of text in HTML. Your HTML components' appearance, including the font size, may be modified with CSS. You may use a variety of measurements, including percentages (%), em, rem, and pixels (px), to alter the font size of text.
With these units, you may set the size either fixed or in relation to the browser's default font size. You may improve your web page's readability and visual appeal by changing the font size, which will guarantee that your material is presented in a readable and clear way.
Change Text Size with HTML Font Tag
The element in HTML can be used to alter the font size of text. You may use the "size" property on the tag to set the text's size. The range of values for the size property is 1 to 7, with 7 being the biggest size and 1 representing the lowest. This is an illustration of how to alter the font size using the tag:
<font size="4">This text is size 4.</font>
In this example, the sentence "This text is size 4." will be shown in a font size appropriate for size 4. You may modify the font size using the size parameter to suit your demands. Remembering that CSS should be used for style instead of the deprecated tag in HTML5 is crucial.
Change Text Size with HTML Big Tag
The <big> element in HTML can be used to make text larger. To make text bigger than the surrounding text, use the non-standard <big> element. This is an illustration of how to utilize the <big> tag:
<big>This text is larger than normal.</big>
When text is included in a <big> element, it will appear in a bigger font size than other text on the page. But like the <font> element, the <large> tag is likewise deprecated in HTML5, and using CSS for styling is advised instead.
Change Text Size with Inline CSS in Paragraph
In HTML, you may adjust an element's text size using inline CSS. You may use the style property in the element's opening tag that you wish to customize. Here's an example of using inline CSS to adjust the text size of a paragraph.
<p style="font-size: 20px;">This text is larger than normal.</p>
The text size in this example is set using the font size attribute. The font size is set to 20 pixels by using the value 20px. If necessary, you can change the value to make the text bigger or smaller.
Change Text Size with Internal or External CSS
In HTML, CSS may be used to modify font size. First, use a CSS selector to locate the text that you wish to modify. Next, provide the desired size in your CSS using the `font-size` property. Units such as pixels (px) or adjectives such as "small" or "large" can be used to specify the size. You have the option to link your CSS file to your HTML document and keep it in a different file if you'd like.
Example:
<html>
<head>
<!-- Using CSS to change
the font size -->
<style>
body {
font-size: 30px;
}
p {
font-size: larger;
}
</style>
</head>
<body>
<p>Welcome to Learning Hub</p>
</body>
</html>
Output:
← Prev
Next →