How to Change Text Size in HTML (This is H2)
Controlling HTML text size is one of the first steps you will learn when taking a web design course for beginners. Text size controls how large or small your text will be when displayed on your web pages.
You can learn how to alter the text size on certain words, links or entire sentences. It’s a great way to create emphasis for certain content within your presentation when you want to draw attention to a word or area of the page.
Let’s look at a few ways to control and change text sizes in HTML.
Using Points for Sizing
One of the easiest ways to control the size of your text is to use points (pt).
These measure exactly how large or small the text should be, and will tell it to be that particular size on most popular browsers. Keep in mind that point size will vary according to the font family you choose.
For example, a 10pt text using Arial will be larger than the same size text in Times New Roman. This means you’ll need to try out size variations depending on which font family you choose.
The sizes 10pt and 12pt are the norm with the most common font families. Larger sizes can be 18pt, 20pt or larger. Smaller sizes include 8pt and 6pt. When using a very large or very small text, be sure to check your web page using several browsers if possible, to ensure it looks the same to all users.
Headings for a web page have their own special tags. These are H1 (heading1), H2, H3 and so on, with H1 being the largest and boldest. H1 is generally used for the main heading or headline of the web page.
This gives that one phrase clout in the search engines so they’ll know it’s the main theme of the page. Your page’s main keywords or phrase should be included in your H1 heading!
Enter this code and your HTML text will look like this:
HTML Text Size using a Heading One Tag
You can use H2, H3, etc. to emphasize other headings, such as paragraph sub-heads within your sales copy. These heading tags are not as large and bold as the main H1 heading, but still give importance to sub-headings.
Controlling HTML Text Size with CSS
CSS (cascading style sheets) enables you to control style features such as text size for the entire website from a single file.
You can set up certain commands to indicate what size the text should be. For example, use the prompt commands “small” or “big” to indicate the size of certain content. In your CSS file, you’ll specify that small means 8pt or 10pt (for example only) and big means 12pt or 14pt.
This makes it easy to update all your pages at once when certain design features need to be changed throughout the entire website.
Knowing How to Write HTML Code is Essential if You Want to Become a Web Designer
How to control or change HTML text size is just one minor aspect of HTML web design. If you’re totally new to designing using code, Use the course I started with.
Consider enrolling in a web design course for beginners to help you learn HTML code from scratch.
Learning HTML language provides you a basic foundation for learning website design so you can move forward with other methods soon!
Filed under: Web Design