Get started with the building blocks of HTML, the markup language at the core of the internet.

Web Essentials

HTML is used to design standard web pages by using multiple tags and it can be used with multiple assistive languages like CSS and Javascript. In this module, you will learn about HTML tags from scratch. This module will also teach you how to code and create your own web pages using HTML in this interactive web development module for beginners.

Hyper Text Markup Language (HTML)

## Introduction

HTML is a markup language used to develop a web page's structure. With HTML, we can structure a whole website, design it, and make it ready to deploy.

In this lesson, we'll see what formatting is and how we can efficiently format HTML texts and make HTML pages look good without using CSS.

## HTML formatting

HTML formatting has various methods or tags, inline or block, to enhance visual context and visual attraction. 

This text formatting is done using predefined HTML tags and semantics. 

These tags add various meanings to the text.

## HTML formatting elements 

HTML has many elements that are used for formatting. Some of those are:

1. **``**: The bold tag is an inline element used to bold a text in HTML. The text to be bolded is typed in between the start tag of the bold tag and the end tag.
```
 This is a paragraph and this text is bold 
```

2. **``**: Like the bold tag, this tag gives the bold attribute, but the difference is that it adds the important attribute to the semantic of the text. The text draws the keyboard's attention when navigating with the keyboard. The text is placed between the start and end tag as used in bold text. It is also an inline tag.

```
 This is a paragraph and this text is important 
```

3. **``**: This element is used to change an element font to italics. It has start and end tags, and the text is typed between them.

```
 This is a paragraph and this text is in italics
```

4. **``**: This is a tag used for emphasis. The text is typed in between to change the text.
```
 This is a paragraph and this text is an emphasized text
```
5. **``**: This element marks a text or highlights it.

```
 This is a paragraph and this text is marked
```
6. **``**: It is used to get a smaller text.
```
 This is a paragraph and this text is small 
```
7. **`<del>`**: It identifies deleted or irrelevant text.

```
 This is a paragraph and this text is <del> deleted </del>
```

8. **`<ins>`**: This tag defines inserted text in a document. 

```
This is a paragraph and this text is <ins>inserted</ins>
```

9. **``**: This defines subscript text.

```
 This is a paragraph and this text is a subscript
```

10. **``**: This defines superscript text.

```
 This is a paragraph and this text is a superscript 
```
 
 

You change the styles in the HTML tab and see the updated text in the output tab below:

# Introduction

HTML is a markup language used to develop a web page's structure. With HTML, we can structure a whole website, design it, and make it ready to deploy.

In this lesson, we'll see what formatting is and how we can efficiently format HTML texts and make HTML pages look good without using CSS.

# HTML formatting

HTML formatting has various methods or tags, inline or block, to enhance visual context and visual attraction. 

This text formatting is done using predefined HTML tags and semantics. 

These tags add various meanings to the text.

# HTML formatting elements 

HTML has many elements that are used for formatting. Some of those are:

1. **``**: The bold tag is an inline element used to bold a text in HTML. The text to be bolded is typed in between the start tag of the bold tag and the end tag.
```
 This is a paragraph and this text is bold 
```

2. **``**: Like the bold tag, this tag gives the bold attribute, but the difference is that it adds the important attribute to the semantic of the text. The text draws the keyboard's attention when navigating with the keyboard. The text is placed between the start and end tag as used in bold text. It is also an inline tag.

```
 This is a paragraph and this text is important 
```

3. **``**: This element is used to change an element font to italics. It has start and end tags, and the text is typed between them.

```
 This is a paragraph and this text is in italics
```

4. **``**: This is a tag used for emphasis. The text is typed in between to change the text.
```
 This is a paragraph and this text is an emphasized text
```
5. **``**: This element marks a text or highlights it.

```
 This is a paragraph and this text is marked
```
6. **``**: It is used to get a smaller text.
```
 This is a paragraph and this text is small 
```
7. **`<del>`**: It identifies deleted or irrelevant text.

```
 This is a paragraph and this text is <del> deleted </del>
```

8. **`<ins>`**: This tag defines inserted text in a document. 

```
This is a paragraph and this text is <ins>inserted</ins>
```

9. **``**: This defines subscript text.

```
 This is a paragraph and this text is a subscript
```

10. **``**: This defines superscript text.

```
 This is a paragraph and this text is a superscript 
```
 
 

You change the styles in the HTML tab and see the updated text in the output tab below:

Before We Begin

HTML Tags

Semantic Web Page Layout with HTML

Self Evaluation

Conclusion

HTML Formatting

Introduction

HTML formatting

HTML formatting elements