Introduction
  • 1.1 What is HTML? Why HTML?
  • 1.2 Answering some questions before we start
Setting up the development environment
  • 2.1 Where is HTML?
  • 2.2 Setting up NotePad++
  • 2.3 How to work with NotePad++?
Kick start
  • 3.1 HTML file extensions and creating the first HTML page
  • 3.2 The main structure of HTML page
  • 3.3 Start coding the page structure
  • 3.4 Do you want to see your first visible page?
  • 3.5 Changing the page title
  • 3.6 Using comments
  • 3.7 Quick note ( !DOCTYPE html )
Working with texts
  • 4.1 Before diving in this section
  • 4.2 Using Headings
  • 4.3 Bold, italic, underlined and centred text
  • 4.4 Paragraphs
  • 4.5 Using the tag ( Font )
  • 4.6 Horizontal lines
Dealing with images
  • 5.1 Bringing image from the internet
  • 5.2 The most common image locations
  • 5.3 Using ( img ) tag
  • 5.4 Image size
  • 5.5 Image alignment
Creating links
  • 6.1 Understanding the concept
  • 6.2 External links
  • 6.3 Internal links
  • 6.4 Inline links
  • 6.5 Links on images
Creating and managing tables
  • 7.1 Understanding the concept
  • 7.2 Developing tables
  • 7.3 Changing table's width
Working with the lists
  • 8.1 Lists: What does it mean?
  • 8.2 Developing lists
A practical project
  • 9.1 The layout design
  • 9.2 The coding part
Before we leave
  • What is next?