From Script | Spoken-Tutorial
Jump to: navigation, search

Introduction to HTML

HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML elements are the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets, within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tables, images, etc.

The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicitly presentational HTML markup.

The Spoken Tutorials for HTML are being contributed by DesiCrew Solutions, Chennai. DesiCrew Solutions Pvt. Ltd is a rural BPO company, incubated by RTBI of IIT- Madras. For more information please visit

Basic Level

  1. Introduction    
    • What is HTML and why you need it
    • Getting started (what do you need, .htm or .html extension, create and view html files)
  2. My First Web Page    
    • Hello World Webpage
    • Sections in HTML Document
    • Element and Attributes
  3. Exploring HTML Elements    
    • Header element
    • Paragraph element
    • Formatting element
    • HyperLink element
    • Image element
    • DIV and SPAN element
  4. Styling HTML    
    • How to use CSS?
    • External style sheet
    • Internal style sheet
    • Inline style sheet
    • HTML Colors (?)
  5. Lets create a simple website    

Intermediate Level

  1. Lists    
    • Ordered Lists
    • Unordered Lists
    • Definition Lists
  2. Tables    
    • Headers, Rows, Columns and Cells
    • Table Attributes
    • Tables – A Real World Example
    • Assignment on Tables
    • Answer to the Assignment
  3. Frames    
    • Creating a webpage with Frames
    • iframe Tag
    • Frames – Pros and Cons
  4. Other HTML Elements    
    • Head Element
    • Meta Element

Advanced Level

  1. Forms    
    • How to Create a Form
    • Form Elements-text, textarea, password, radio, checkbox, select single, select multiple, submit
    • A Real World Form
    • Assignment on Form, Answer to the Assignment
  2. HTML Layouts    
    • Website layouts
    • Layout Using DIV
    • Layout Using TABLE
  3. Doctypes  
    • What is Doctype ?
    • Different Doctypes
  4. Scripting Language  
    • Client side scripting
    • Server side scripting

Contributors and Content Editors