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)

## Overview

Traditionally in #key# HTML: Hypertext Markup Language #key#, we use the `<center>` tag to align text in a centered horizontal manner. This `<center>` element is no longer supported in HTML5, as it got deprecated in HTML4. 

Now the #key# CSS: Cascading Style Sheets #key# `text-align` property provides multiple features to align text or blocks of text such as:

* `margin-right`
* `margin-left`
* `auto`

We can apply these attributes individually on blocks like `<div>`, `<p>`, etc.


## Syntax

---
``` css
<center> content will be here.... </center>
```
---

## CSS property `text-align`

For the latest browsers, we can use CSS to align text in different ways such as: `center`, `right`, and `left`. 

We can use CSS in different ways, as shown below.

* `style` attribute on `<p>`

---
``` css
<p style = "text-align: center"> 
  This line will be centered.<br> am I centered aligned?
</p>
```
---

* `style` attribute on `<div>`

---
``` css
<div style = "text-align: center"> This text will be centered.
   <p> hello, I am centered aligned. </p>
</div>
```
---


## Code

This code snippet shows how to use the `<center>` element in your HTML code. This prints the `<p>` (paragraph) tag as centered text using CSS to increase the `font-size` and its `color`.

# Overview

Traditionally in #key# HTML: Hypertext Markup Language #key#, we use the `<center>` tag to align text in a centered horizontal manner. This `<center>` element is no longer supported in HTML5, as it got deprecated in HTML4. 

Now the #key# CSS: Cascading Style Sheets #key# `text-align` property provides multiple features to align text or blocks of text such as:

* `margin-right`
* `margin-left`
* `auto`

We can apply these attributes individually on blocks like `<div>`, `<p>`, etc.


# Syntax

---
``` css
<center> content will be here.... </center>
```
---

# CSS property `text-align`

For the latest browsers, we can use CSS to align text in different ways such as: `center`, `right`, and `left`. 

We can use CSS in different ways, as shown below.

* `style` attribute on `<p>`

---
``` css
<p style = "text-align: center"> 
  This line will be centered.<br> am I centered aligned?
</p>
```
---

* `style` attribute on `<div>`

---
``` css
<div style = "text-align: center"> This text will be centered.
   <p> hello, I am centered aligned. </p>
</div>
```
---


# Code

This code snippet shows how to use the `<center>` element in your HTML code. This prints the `<p>` (paragraph) tag as centered text using CSS to increase the `font-size` and its `color`.

# Overview

Traditionally in #key# HTML: Hypertext Markup Language #key#, we use the `<center>` tag to align text in a centered horizontal manner. This `<center>` element is no longer supported in HTML5, as it got deprecated in HTML4. 

Now the #key# CSS: Cascading Style Sheets #key# `text-align` property provides multiple features to align text or blocks of text such as:

* `margin-right`
* `margin-left`
* `auto`

We can apply these attributes individually on blocks like `<div>`, `<p>`, etc.


# Syntax

---
``` css
<center> content will be here.... </center>
```
---

# CSS property `text-align`

For the latest browsers, we can use CSS to align text in different ways such as: `center`, `right`, and `left`. 

We can use CSS in different ways, as shown below.

* `style` attribute on `<p>`

---
``` css
<p> 
  This line will be centered.<br> am I centered aligned?
</p>
```
---

* `style` attribute on `<div>`

---
``` css
<div> This text will be centered.
   <p> hello, I am centered aligned. </p>
</div>
```
---


# Code

This code snippet shows how to use the `<center>` element in your HTML code. This prints the `<p>` (paragraph) tag as centered text using CSS to increase the `font-size` and its `color`.

Before We Begin

HTML Tags

Semantic Web Page Layout with HTML

Self Evaluation

Conclusion

<center>

Overview