Please login to Subscribe to Guide.

Get Started with HTML   Ready set go, your first step in web development.


9 Sections , 71 Topics

About the guide

This guide covers all topics related to building web pages using HTML (Hyper Text Markup Language) including HTML5 as well.

Prerequisites

  • No previous programming experience required.
  • A computer with any operating system (Windows, Mac, Linux).
  • An internet browser (Firefox, Safari, Internet Explorer, Chrome (preferred))
  • A text editor for writing offline code for working (Notepad, TextPad, Brackets, Atom etc.)

Format

Instruction FormatTopics with Examples, Exercises, and Quizzes
Effort Required10 - 12 hours


Curriculum


 Section  1  Intro
1   Intro to guide - welcome!
2   What is HTML? - Markup language
3   What is a web page? - what user interact with!
4   What is a website? - A collection of web pages!
5   Your first web page - pat your self!
6   Recap - time to sum up!
 Section  2  Basics
7   HTML Elements - it's all about the tags!
8   Empty Elements - have no content!
9   Nested Elements - one with another!
10   Tag Attributes - customize your tags!
11   HTML Document - every page starts here!
12   Whitespace - ignored but don't ignore!
 Section  3  HTML Tags
13   Head - it's all about the meta!
14   Meta Tags - metadata is good!
15   Comments - document as you go!
16   Body - the viewable area!
17   Headings - h1 to h6!
18   Horizontal Rule - let's draw a line!
19   Paragraphs - where most content resides!
20   Line Break - break as often needed!
21   Images - visuals!
22   Using Images
23   Paths - relative or absolute!
24   Image formats - jpg or png for the web!
25   Linking - connecting the dots!
26   Internal Links - time to bookmark!
27   Link Examples - usage of links!
28   Recap - key points!
 Section  4  Styling
29   Styling Body - let's make it look great!
30   Text Formatting - let's get fancy!
31   Special Characters - they are really special!
32   Special Symbols - they are special!
33   Colors - RGB!
34   Basic Colors - all about the base!
 Section  5  Layout
35   Block Elements - occupy whole width!
36   Inline Elements - opposite to block!
37   Unordered Lists - order does not matter here!
38   Unordered List Styles - bullet, circle or square!
39   Ordered Lists - order matters here!
40   Ordered List Styles - more styles for an ordered list!
41   Tables - for tabular data!
42   Table Header & Caption - organize!
43   Table Attributes - customize it!
44   Table Data Attributes - customize your cell!
45   Cell Spacing and Padding - spacing or padding!
46   Column and Row Span - span more than one column or row!
47   IFrames - lets embed!
 Section  6  HTML Forms
48   Form Basics - way to get data!
49   Form Elements - data collection units!
50   Input Types - Text - choose one!
51   Input Types - Checkbox - checkboxes!
52   Input - Radio - radios!
53   Input - Submit - submit your form!
54   Input - Button - generic button!
55   Input - File - time to upload!
56   Input - TextArea - free form text!
57   Input - Select - list of options!
 Section  7  HTML5
59   HTML5 Intro - new version!
60   Semantic Page - let's build one!
61   Semantic Elements - has meaning!
62   Audio - did you hear the sound?
63   Audio Customizations - show controls!
64   Video - from audio to visual!
65   Video Customizations - show controls and more...!
 Section  8  Tidbits
66   YouTube Embed - the power of the youtube!
67   XHTML - the stricter version!
68   Style - use css instead!
69   Classes - way to go!
70   Javascript - dynamic code!
71   Next Steps - what's next!

Loading Please Wait...