Scribd
Upload
100 views

Master HTML To CSS in 30 Days

Uploaded by

hajevo9828
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
100 views

Master HTML To CSS in 30 Days

Uploaded by

hajevo9828
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Master HTML To CSS In 30 Days

Day 1
What Is Html ?

Html Basic Introduction

Why We Use Html In Website?

Why We Use Css In Website?

Why We Use Js In Website?

Basic Html Structure

What Is Html Elements?

Environmental Setup(Download Vs

Code)

Download Necessary Extensions

Run Our First Program

Day 2
What Is Comments In Html ?

What Are Html Attributes?

Heading Tag

Paragraph Tag

Pre Tag

Br & Hr Tag

All Formatting Tags


*a Small Project Using All Tags*

Day 3
Anchor Tag

Iframe Tag

Image Tag

Video Tag

Audio Tag

Embed Tag

Base Tag

Abbr Tag

Bdo Tag

Button Tag

Meter & Progress Tag

*a Small Project Using All Tags*

Day 4
(Semantics Tags)

Header Tag,

Footer Tag,

Main Tag,

Section Tag,

Article Tag,

Aside Tag]
What Are Block & Inline Elements?

Div Vs Span Tag

Day 5
What Are Lists In Html ?

Order List

Unorder List

Dropdown List

Datalist Tag

*a Resume Project With Using All

Previous Tags*

Day 6
What Are Tables In Html?

What Is Caption Tag Of Table ?

Thead, Tbody, Tfoot Tags Of Table

Colspan, Rowspan In Tables

*create Different Layouts Of Tables In

A Small Project Using Table

Properties*

Day 7
What Are Forms In Html ?

What Is Action Attribute In Form ?

Label Tag In Html


Input Tag In Html With All Main

Properties

*create Sign Up Page Using Form Tags*

Day 8
What Is Css ?

Css Basic Introduction

Basic Syntax Of Css

How To Include Css In Html Page ?

Internal Css, External Css & Inline Css

Comment In Css

Selectors In Css [universal, Id, Class,

Group & Descendant Selctors]

Basic Color Property Using With All

Selectors

Day 9
Background Color Property

Rgb Color Model

Hex Color Model

Color Picker From Google

Width & Height Property

Background Image Property

Background Size Property


Background Position Property

Background Repeat Property

Day 10
Text-align Property

Text-decoration Property

Text-transform Property

Line Height Property

Font-size Property

Font-weight Property

Font-style Property

Font-family Property

Day 11
What Is Box Model In Css ?

What Is Content, Padding, Margin In Css?

What Is Border Property ?

What Is Border-radius Property?

Box Sizing Property

Display Property(Block, Inline,

Inline-block, None)

Visibility Property(Hidden, Visible)

Day 12
Absolute Units (Px)

Relative Units (%, Em, Rem, Vw , Vh)

*a Small Project Using All Absolute &

Relative Units*

Day 13
Position Property[ Static, Absolute,

Relative, Fixed Or Sticky]

Z-index Property

Day 14
Float Property

What Is Flexbox Model In Css ?

Flex-direction Property

Justify Content Property

Align Items Property

Flex Wrap Property

Align Content Property

Align Self Property

Flex Shrink Property

Flex Grow Property

Flex Order Property

Day 15
A Good Project Using All Flexbox

Properties

Day 16
What Is Grid Model In Css?

Grid Template Rows

Grid Template Columns

Grid Gap

Grid Template Areas

Grid Row Property

Grid Column Property

Justify Items Property

Align Items Property

Day 17
A Good Project Using Grid Properties

Day 18
Media Queries In Css

Why We Have To Use Media Queries ?

What Is Responsive Web Design?

A Project Using Media Queries


Day 19
Pseudo Classes In Css

Why We Use Pseudo Classes?

*a Project Using All Pseudo Classes

And Previous Properties*

Day 20
Transitions Property In Css

(Project Included)

Day 21
Transform Property In Css

(Project Included)

Day 22
Animation In Css

(Project Included)

Day 23
Create To-do List Project Using Html &

Css

Day 24
Create Calculator Ui With Html & Css Project

Day 25
Create Job Application Page Using Html &

Css

Day 26
Create A Parallax Website Using HTML &

Css

Day 27
(Part - 1)

Create A Single Page Restaurant

Website Using Html & Css

Day 28
(Part - 2)

Create A Single Page Restaurant

Website Using Html & Css

Day 29
(Part - 1)

Create A Single Page Personal

Portfolio Website Using Html & Css

Day 30
(Part - 2)

Create A Single Page Personal

Portfolio Website Using Html & Css

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy