Learning Basic HTML: Text and Paragraph Formats In HTML

You’ll frequently find many text format in HTML writing, either in the title writing or the content of a website page. Here are some explanations and examples of text formatting In HTML.

Text Formats In HTML

There are several text formats in HTML that are frequently used, such as;

Bold Text in HTML

To bold a text on a web page view, you can use the following <b> tag. The following HTML syntax is the example of how to create a bold text format on a web page:

<b> this is a bold text </b>

Italic Text in HTML

To make an italic text in HTML, you can use <i> tag. For example: <i> this is an italic text </i>

Underlined Text in HTML

To make an underline under a text on a web page, you can use <u> HTML tag.
For example : <u> this is an underlined text </u>

The following table is the text formats that are often used in HTML.

HTML tag

Description

<b>

bold text format

<i>

italic format

<u>

underlined text format

<small>

small text format

<strong>

text format similar to bold format

<sub>

sub-scripted text format

<sup>

super-scripted text format

<ins>

underlined text format

<del>

a text format with a line in the middle

<mark>

colorful text format

Here’s an example of writing tags/text format elements in which have been studied above:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<title>Learn how tomakeatext format inHTML</title>

</bead>

<body>

<b>thisisabold text format</b><br/>

<i>thisisan italic text format</i><br/>

<u>thisisan underlined text format</u><br/>

<em>thisisan em text format</em><br/>

<small>thisisasmall text format</small><br/>

<strong>thisisastrong text format</strong><br/>

<sub>thisisasub text format</sub><br/>

<sup>thisisasup text format</sup><br/>

<ins>thisisan ins format text</ins><br/>

<del>thisisadel text format</del><br/>

<mark>thisisatext mark</mark>

</body>

</html>

Here are the browser view text format elements above:

Paragraph Format in HTML

To create a paragraph in HTML, use the <p> tag, firstly you have to have understood how to write tags, elements, and attributes in HTML. The paragraph HTML tag is the form to make paragraph view on a web page. There are three paragraph attributes that can be combined directly with paragraph tags (<p> and </p>), such as:

To make a paragraph content at the left-side of the web page using <p align=”left”>the paragraph content</p>

To make a paragraph content at the a right-side using <p align = “right”>the paragraph content</p>

To make a paragraph content at the center on the web page using <p align=”center”>the paragraph content</p>

To make both left and right sides of a paragraph content justified using <p align=”justify”>the paragraph content</p>

Learn the following HTML paragraph format example:

An HTML paragraph format uses <p>. Below is the implementation of <p> in an HTML document:

1

2

3

4

5

6

7

8

9

10

<!DOCTYPE html>

<html>

<head>

<title>learn how tocreateaparagraph inHTML</title>

</head>

<body>

<p>thisisthe first paragraph inan HTML document</p>

<p>thisisthe second paragraph inan HTML document</p>

</body>

</html>

From the example above, you can see that the writing of the first and the second paragraphs re separated. To separate between the first and the second paragraphs is using the <p> tag.

Web Design Tips

Use online tools such as Google’s cache, MozBar, or SEO-browser.com to find out what elements of your content are indexable to the search engine.

After checking using those tools, you may find that your web page is not even showing a particular part of your HTML text on those tools. For most marketers, this is a big problem as their content is not visible on search engines.

If you someday in the future become a professional web designer, you will find that most of your clients must primarily concern on SEO in their web design requirements. So, learn from now on Onpage SEO skill and how you should create a website for them and what people are really most need in their web design. If they really matter on SEO, then, using an SEO-friendly HTML structure is mandatory.

Learning Basic HTML: Text and Paragraph Formats In HTML was last modified: August 5th, 2017 by