Finally getting the grasp of it: How to use HTML tags

You have probably noticed that some clients would like to have HTML tags embedded in their text. But what do abbreviations such as <h1>,<strong> or <p> mean, and what benefits do they offer? In this tutorial we explain the most important HTML basics.

What is HTML?

HTML is the abbreviation for Hypertext Markup Language. HTML is used to structure the appearance of the texts on the Internet. It also ensures that they do not look like confusing, seemingly endless continuous texts. This is achieved with so-called tags located within two angle brackets. There is generally a beginning and an end tag. They look like this: <command>sampletext</command>

Internet browsers can read the different tags and therefore improve the readability of a text.

Headings

Headings give the reader an initial impression of the text whereas subheadings generally provide an overview of the subsequent section.

Main heading 1:<h1>example</h1>
Transformed text:

example

Subheading 1: <h2>example</h2>
Transformed text:

example

Paragraphs

There are two types of paragraphs which you can use to separate text sections from each other. Paragraphs help segment the texts and make them clearer.

<p>: This tag is used to start a new paragraph.

Text with HTML tags:

<p>This is the first paragraph. The first paragraph often provides an introduction in the topic. </p>

<p> This is where the second paragraph starts. It usually provides more detail.</p>

Here is what the text looks like with paragraphs:

This is the first paragraph. The first paragraph often provides an introduction in the topic.

This is where the second paragraph starts. It usually provides more detail.

Line breaks

However, if you do not want to create a paragraph but would like to call up a line break instead, you will officially use the<br>Example</br>tag. The abbreviated form is <br />.

Text with HTML tags:

One sometimes wants the next sentence or part of a sentence <br> to start in the next line.</br>

Transformed text:

One sometimes wants the next sentence or part of a sentence
to start in the next line.

Highlighting text passages

HTML gives you different options for highlighting words or entire sentences. Some of them are:

Italics: The text is at an angle and therefore more conspicuous <i>sample text</i> Transformed text: sample text

Underlined: The <u> tag underlines the text <u>sample text</u>
Here is the transformed version of the text: sample text

Bold: The tag <strong>sample text</strong> emphasizes a bold text.
This is the bold sample text: sample text

Lists

Customers sometimes want the information to be short and concise or simply listed in key points. HTML enables you to create lists. It usually works with the <ul> tag in which the <li> tags are integrated. This is how to create a list with points. A further case includes classified lists with numbers or letters. In this case use
<ol type="number/letter"> and <li>.

Links

In some texts you need a link to another Internet page. Use the <a href="link">text </a> tag to create the link. Please note: The quotation marks must be used here!

Text with HTML tags:

You will find numerous tasks at <a href="//www.clickworker.com/">clickworker</a>.

This is what the link looks like: You will find numerous tasks at clickworker.

Still confused? Click here for the training tutorial!

3 Kommentare