Finally getting the grasp of it: How to use HTML tags
March 18, 2015
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 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:
Subheading 1: <h2>example</h2> Transformed text:
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.
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>
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
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>.
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!
No related posts.
Dieser Artikel wurde am 18.March 2015 von Amelie geschrieben.
You can at any time change or withdraw your consent from the Cookie Declaration on our website. Find the link to your settings in our footer.
Strictly Necessary Cookies
Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot properly without these cookies.
If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as additional cookies.
Please enable Strictly Necessary Cookies first so that we can save your preferences!