computers and laptops

Basic HTML Everyone Needs To Know

With the digital world growing at a rapid pace and jobs in this market increasing, it’s important to have some sort of knowledge in this area. But, what is HTML? HTML stands for Hypertext Markup Language Language which is used to create websites. HTML always needs to be added to the ‘Text’ section instead of the ‘Visual’ section, and all HTML coding must start with <> and end with </> as this is the correct format. Careful attention needs to be paid to every aspect of the code, because one incorrect letter or symbol can cause the entire code to collapse.

First up are headings; they help to create sections in webpages and are great for SEO too! To add headings to your website, wrap the heading text with the following HTML codes:

HEADING 1 (H1)

<h1>Heading 1</h1>

HEADING 2 (H2)

<h2>Heading 2</h2>

HEADING 3 (H3)

<h3>Heading 3</h3>

HEADING 4 (H4)

<h4>Heading 4</h4>

HEADING 5 (H5)

<h5>Heading 5</h5>

HEADING 6 (H6)

<h6>Heading 6</h6>

Next up, paragraphs; help to break up large chunks of text and make reading easier, especially on mobile devices! To add paragraphs to text on your website, wrap the text with the following HTML code:

<p>Your paragraph text goes here</p>

Now the main bit, formatting text on your website; you can easily do this through the visual editor, but if you want to try your hand at this, go ahead!

Make your text bold by wrapping it with the following code:

<strong>Your text here</strong>

Underline your text by wrapping it with the following code:

<u>Your text here</u>

Make your text italic by wrapping it with the following code:

<em>Your text here</em>

Strike through your text when you want to suggest deleting it by wrapping it with the following code:

<del>Your text here</del>

Add bulleted lists by wrapping your text with the following codes:

<ul>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
<li>Point 4</li>
</ul>

Add numbered lists by wrapping your text with the following codes:

<ol>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
<li>Point 4</li>
</ol>

Center align your text or images by wrapping them with the following code:

<center>Your text or image here</center>

Add a link within your content by using the following code:

<a href=”Your link URL here”>Your link text here</a>

Add a link that opens up in a new window by using the following code:

<a href=”Your link URL here” target=”_blank”>Your link text here</a>

Insert a link to an email address by using the following code:

<a href=”mailto:Your email address here”>Your email link text here</a>

Add an image by using the following code:

<img src=”Your image location URL here” alt=”Your image description here”/>

Add a quote by using the following code:

<blockquote>Your quote here</blockquote>

Until next time.

Leave a Reply

Your email address will not be published. Required fields are marked *