Part 1 · ≈ 2 h 6 m · 7 sections

The Three Languages & HTML Foundations

What HTML, CSS and JavaScript each do — then the tags that make up a real page, one at a time.

Pick a section below. Each opens its own study page with activities.

Start with section 1 →

Your path

Loading your progress…

Open a section to study. About 2 h 6 m total.

How the three languages connect
1. Section 1 · ~20 min
  HTML, CSS and JavaScript
  What each language is responsible for, and how the three fit together.
  Share Study →
The bones of an HTML page
1. Section 2 · ~18 min
  The structure of an HTML page
  doctype, html, head and body — the skeleton every page shares.
  Share Study →
2. Section 3 · ~18 min
  Text, headings and paragraphs
  Headings in order, paragraphs, and why whitespace behaves oddly.
  Share Study →
3. Section 4 · ~20 min
  Images and links
  Attributes, src and href, alt text, and linking pages together.
  Share Study →
4. Section 5 · ~15 min
  Lists
  Ordered, unordered and nested lists — and where they are really used.
  Share Study →
5. Section 6 · ~15 min
  div and span — the two blank tags
  The tags that mean nothing on their own, and why you need them.
  Share Study →
6. Section 7 · ~20 min
  Container tags and empty tags
  Which tags wrap content, which stand alone, and a first build.
  Share Study →

From students

What people said

4.9 average · 44 comments

karthikeyan · Other
Part 1
“i love her”
sulaiman
Part 1
“woooooow”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“Good and Interesting”
Basim · Student
Part 1 · Section 7: Container tags and empty tags
“it worked really well”
Student
Part 1 · Section 7: Container tags and empty tags
“loved it ^_^”
Student
Part 1 · Section 7: Container tags and empty tags
“good section”
ANITA · Student
Part 1 · Section 2: The structure of an HTML page
“this session is so understandable as we studied every tags importance hoping to get more session like this”
ajay · Student
Part 1 · Section 7: Container tags and empty tags
“good one!”
NATHA · Student
Part 1 · Section 3: Text, headings and paragraphs
“wonderful session.we can understand by this method more”
ajay · Student
Part 1 · Section 6: div and span — the two blank tags
“good one!”
dooom · Student
Part 1 · Section 2: The structure of an HTML page
“hell answers to me.. for...i....am....DOOM.!”
ajay · Student
Part 1 · Section 3: Text, headings and paragraphs
“good one!”
ramshad · Student
Part 1 · Section 2: The structure of an HTML page
“<H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1>”
dooom · Teacher
Part 1 · Section 2: The structure of an HTML page
“sooooper”
A student
Part 1 · Section 2: The structure of an HTML page
“good session”
nihaa · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“perfect section”
ramshad · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect”
SWAGO · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“Awesome.”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“mindblowinggggg”
ajay · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“good one!”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“understand html,css,javascript”
niha · Teacher
Part 1 · Section 1: HTML, CSS and JavaScript
“goooood perfect”
Adithya · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“very good site”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“good one”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“adipoli...........................”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“nice class”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“amazed!!!!!!!!!”
Aswath · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“nalla clsss”
dooom · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“gooood siiir”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“GOOD SESSION”
naisha p · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“nothing perfect”
Naveen K R · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“It was a good section”
Vidya
Part 1 · Section 1: HTML, CSS and JavaScript
“Very easy to understand”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
A student
Part 1
“interesting”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“good section”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“interactive”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“good section”
Aasiya · Student
Part 1 · Section 1: HTML, CSS and JavaScript
“Everything is simple, and easy to follow”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“wonderful.”
A student
Part 1 · Section 1: HTML, CSS and JavaScript
“wonderful.”
Student
Part 1 · Section 1: HTML, CSS and JavaScript
“Difference between html,css and js”

Rate this

How was this Part 1?

Web Application Development · Part 1

← All parts in this course

Opening this part…

What people said

4.9 average · 44 comments

karthikeyan · Other

Part 1

“i love her”

sulaiman

Part 1

“woooooow”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“Good and Interesting”

Basim · Student

Part 1 · Section 7: Container tags and empty tags

“it worked really well”

Student

Part 1 · Section 7: Container tags and empty tags

“loved it ^_^”

Student

Part 1 · Section 7: Container tags and empty tags

“good section”

ANITA · Student

Part 1 · Section 2: The structure of an HTML page

“this session is so understandable as we studied every tags importance hoping to get more session like this”

ajay · Student

Part 1 · Section 7: Container tags and empty tags

“good one!”

NATHA · Student

Part 1 · Section 3: Text, headings and paragraphs

“wonderful session.we can understand by this method more”

ajay · Student

Part 1 · Section 6: div and span — the two blank tags

“good one!”

dooom · Student

Part 1 · Section 2: The structure of an HTML page

“hell answers to me.. for...i....am....DOOM.!”

ajay · Student

Part 1 · Section 3: Text, headings and paragraphs

“good one!”

ramshad · Student

Part 1 · Section 2: The structure of an HTML page

“<H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1> <H1>A WELL KNOWN STUDENT FROM IT </H1>”

dooom · Teacher

Part 1 · Section 2: The structure of an HTML page

“sooooper”

A student

Part 1 · Section 2: The structure of an HTML page

“good session”

nihaa · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“perfect section”

ramshad · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect perfect”

SWAGO · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“Awesome.”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“mindblowinggggg”

ajay · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“good one!”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“understand html,css,javascript”

niha · Teacher

Part 1 · Section 1: HTML, CSS and JavaScript

“goooood perfect”

Adithya · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“very good site”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“good one”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“adipoli...........................”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“nice class”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“amazed!!!!!!!!!”

Aswath · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“nalla clsss”

dooom · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“gooood siiir”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“GOOD SESSION”

naisha p · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“nothing perfect”

Naveen K R · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“It was a good section”

Vidya

Part 1 · Section 1: HTML, CSS and JavaScript

“Very easy to understand”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“interactive”

A student

Part 1

“interesting”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“interactive”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“good section”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“interactive”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“interactive”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“good section”

Aasiya · Student

Part 1 · Section 1: HTML, CSS and JavaScript

“Everything is simple, and easy to follow”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“wonderful.”

A student

Part 1 · Section 1: HTML, CSS and JavaScript

“wonderful.”

Student

Part 1 · Section 1: HTML, CSS and JavaScript

“Difference between html,css and js”

HTML, CSS and JavaScript

The structure of an HTML page

Text, headings and paragraphs

Images and links

Lists

div and span — the two blank tags

Container tags and empty tags

What people said

How was this Part 1?

HTML, CSS and JavaScript

The structure of an HTML page

Text, headings and paragraphs

Images and links

Lists

div and span — the two blank tags

Container tags and empty tags

What people said

How was this Part 1?