Basic HTML Tags to Build Your Website

In today’s world, a website is incredibly important for any business. Much of your potential clientele will likely discover your practice through your website, and it is therefore essential that this first impression is a positive one.

In order to make your website appealing to clients and potential clients, you will want to ensure that it has clear formatting and presents information in a way that is easy to understand and visually appealing. To do this, a basic understanding of HTML tags is required. HTML tags can be written into the text of your website in order to present the information in the way you desire.

HTML tags are placed in arrowheads as follows:

<tag>

In order to end a specific tag, a “/” is added in front of the tag, so that the command says:

</tag>

Titles and Headers

You will want to begin your webpage with a title. To use this tag, the world “title” is placed into the arrowheads.

The format of a page title thus says:

<title>Your Title Here</title>

For this page, the command would say:

<title>Basic HTML Tags to Build Your Website</title>

In addition to a title at the top of your page, you may wish to include headers for different sections of your page. The header command is an “h” followed by a number 1-6. 1 will give you the largest header, while 6 will give you the smallest header. Generally, header sizes 1-3 are the most commonly used.

An example of a header size 1 would be:

<h1>Your Header Here</h1>

Paragraphs

Once you have your title and headers, you will want to add your content. If you want certain content to appear in paragraph format, you should use the html tag of “p.”

An example of a paragraph in html format would be:

<p>The entire text of your paragraph here.</p>

Emphasis

Within your paragraphs, you may wish to emphasize words or phrases in various ways. HTML tags allow you to bold, underline, or italicize your text.

To bold text, use the HTML tag “b” as follows:

<b>Text</b>

To underline text, use the HTML tag “u” as follows:

<u>Text</u>

To italicize text, use the HTML tag “i” as follows:

<i>Text</i>

Lists

You also may wish to include a list on your webpage. In order to create a list, you will want to use the HTML tag “ul”. In addition, you will want to differentiate lines within this list with the tag “li”.

The HTML coding of a list would thus look as follows:

<ul>

<li>Line 1 Text</li>

<li>Line 2 Text</li>

<li>Line 3 Text</li>

</ul>

Links

Finally, you may want to add a link into your text, either to a different page on your website or an entirely different website. The HTML code to include a link is “a” and the formatting would appear as follows:

<a href=“The URL that you want to link to”>The text that you want to appear blue and contain the link on your page</a>

For example, if you wished to link to a page on common website mistakes, the html coding would look as follows:

<a href="https://www.egenerationmarketing.com/blog/mistakes-could-be-lurking-on-your-firms-website">common website mistakes</a>

In this example, the words “common website mistakes” would appear blue on your webpage. If a user clicked on these words, it would bring them to the blog post linked.

The links can be placed within sentences and paragraphs, or on their own in a resources section.

Using HTML tags can help you to format your website in a way that is both clear and aesthetic. By improving your website with HTML tags and being able to draw your potential clients’ focus to certain points on a webpage, you may make clients more likely to select your firm.