Start with Result

Prepare the Structure

Add a Heading

Charm of a Picture

Description Required!

Text Formatting

Link Link Hyperlink

BOOM! We are done.

Recap:Text Formatting Tags

Time for some Styling

Changing Text Color

Playing with Text Size

Text Alignment

New Fonts for your Text

Changing Background Color

A Little more...

Time to Move On

Listifying the Content

Ordered Lists

Customizations in List

List inside List

Introduction to Tables

Rows in a Table

Column in a Row

More Rows and Columns

Table Body and Head

Adding Heading to Columns

Customizing your Table

Time for some Exercise

My Web Portfolio

Lay down the Structure

Start from the Top

Name the King!

Small Tagline about you

A Little more about you

Showcase your Hobbies

A Table for something

Stuff the Table up

Wow! It looks great

Divine Separation

Deep Dive into <div>

What the SPAN!

DIV vs SPAN

The End

Create Complex Webpage - Intro

HTML Page Structure

Headerrr!

Multi DIV for Body

Align Sidebar and Main

Overflowing Content

Footerrr!

Woohoo! Congratulations

What is HTML Form?

Start with a Label

Creating an Input field

Label <code>for</code>?

Placeholder to help users

Big input area - Textarea

Radio Buttons

Checkboxes for multiple choices

Time for Dropdowns - <select>

Creating Button in Form - <button>;

Form field to Upload Files

The Submit button

Woohoo! Celebrations.

Start with End

HTML Page Structure

Create the Form Structure

Email field for Form

Password field for Form

Submit button for Form

Woohoo! Congratulations

Creating TODO List

HTML Page Structure

Name your Webpage

First Todo List Item

Finish the TODO List

Woohoo! Project Complete

HTML <pre> tag

HTML <code> tag

HTML <sub> tag

HTML <sup> tag

HTML title attribute

HTML <iframe> tag

Using <style> and <script> tags

Let the music play - <audio> tag

HTML <video> tag

HTML <canvas> tag

This is the End!