Category: HTML tutorials

How to set up a favicon in HTML

A favicon is a small icon that appears on the browser tab or address bar of a website. It helps to identify the website and differentiates it from other tabs. Here’s how to use it in HTML: First, create your favicon and save it as a .ico file. Then, add the following HTML code to […]

How to use iframes in HTML

The most basic usage of iframes is to embed another web page within your current HTML page. <iframe src=”https://www.example.com/” width=”100%” height=”500″></iframe> The above code will display the webpage at https://www.example.com within your current HTML page. You can also use iframes to display videos from external sources: <iframe src=”https://www.youtube.com/embed/dQw4w9WgXcQ” width=”100%” height=”500″></iframe> The above code will display […]

How to work with classes and ids in HTML and CSS

HTML provides two attributes, class and id, that can be used to identify and style elements on a web page using CSS. The class and id attributes are used to apply styling to specific elements on a web page, and can be used in combination with CSS code to create a coherent and aesthetically pleasing […]

How to create links in HTML

To create a link in HTML, you use the anchor tag, <a> The href attribute is used to specify the web address (URL) of the page you want to link to. Here is an example of how to create a link: <a href=”https://www.google.com”>Visit Google</a> This will display “Visit Google” as a hyperlink, and when clicked, […]

Working with HTML-tables

Tables are an important part of web design. They allow you to display information in an organized manner. HTML tables can be daunting at first, but they’re actually quite simple once you know the basics. Let’s take a look at how to create HTML tables with code snippet examples. Creating a Table: A basic HTML […]

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 […]

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 […]

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 […]

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 […]

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 […]