Category: HTML tutorials

How to create a line break with HTML

There are usually multiple ways to create line breaks to your text. Wrapper each paragraph in a p-tag would usually do the trick but you can create manual line breaks as well. To do this you only need a single tag like this… <br /> If you need multiple line breaks you can just add […]

Read more... Write a comment

How to underline text in HTML

Underline text is often used on links or to create extra focus on a text part. Just like italic text and bold text you need two tags. One at the beginning and another one at the end with your text inside the two tags. Underlined text would look like this… <u>this is underlined</u> You would […]

Read more... Write a comment

How to make text italic in HTML

If you want to use italic it is quite simular to the way bold text and underlined text is done. It consists of a beginning and ending i-tag like this… <i>this is italic</i> Italic text can be useful in some cases. Maybe you want an article signature to be italic or an image caption. The […]

Read more... Write a comment

How to make text bold in HTML

Sometimes it is nice to mark text as bold to indicate its importance. This can be done by adding a b-tag around your text like this… <b>this is bold</b> Often you will use the b-tag inside another HTML tag. For example inside a paragraph which is indicated here… <p>This is a tutorial about making <b>bold […]

Read more... Write a comment

How to create HTML lists

There are two types of HTML lists – the ordered list and the unordered list. The unordered list will display your list with bullets while the ordered list will assign ongoing numbers to the list. Lets start with the unordered list which is used most often <ul> <li>List item 1</li> <li>List item 2</li> <li>List item […]

Read more... Write a comment

How to add headlines with HTML

When builing your HTML page you probably want some headlines. HTML provide 6 headline tags consisting of H1, H2, H3, H4, H5 and H6. The lower the number the higher the value. You should only have one H1 tag per page, a couple of H2 tags and some H3 tags and lower. This depends on […]

Read more... Write a comment

How to add a paragraph with HTML

Using paragraphs are quite simple. You just need the following HTML code… <p>Your content</p> A paragraph contains two tags. A starting p tag and an ending p tag. In between you will write your content. Paragraphs does not contain any attributes but you can add an ID or a class for styling purposes. Styling is […]

Read more... Write a comment

How to create a link with HTML

To add a link with HTML you need to use the following code… <a href=”link destination” target=”image target” /> In the href attribute insert the link. The target defines if the link should open in the same window or a new browser window. Use _blank to open in a new window or _selv to stay […]

Read more... Write a comment

How to add an image with HTML

To add an image with HTML you need to use the following code… <img src=”image source” alt=”image title” /> You just need to replace the src (source) and alt attribute. The source is the link to your image and the alt tag is the title of your image. It is possible to add more tags […]

Read more... Write a comment