Module 1: Introduction to HTML

What is HTML?

HTML stands for Hyper Text Markup Language. It's the standard markup language used in creating Web pages and describes the structure of a Web page. HTML elements tell the browser how to display the content and are represented by tags.

Setting up the environment

To write HTML, you need a simple text editor. You can use Notepad, Sublime Text, Atom or any other text editor. You will also need a browser to display your HTML file.

Module 2: Basic HTML Document Structure

HTML Document Structure

An HTML document starts with the <!DOCTYPE html> declaration. It is followed by the <html> element, which encapsulates the entire HTML document. Inside the <html> tag, we have <head> and <body> sections. The <head> section is used to define meta-information, link CSS files, and more, while the <body> section contains the actual content to be rendered on the webpage.


HTML tags are used to create HTML elements. Tags are enclosed in angle brackets. Most tags have an opening and a closing tag. The content goes between the tags.

Module 3: HTML Elements


HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading, while <h6> defines the least important one.


HTML paragraphs are defined using the <p> tag.


HTML links are defined with the <a> tag. The link address is specified in the href attribute.


HTML images are defined with the <img> tag. The source file (src), alternative text (alt), width, and height are common attributes of the img element.


HTML lists are defined using the <ul> (unordered/bulleted list), <ol> (ordered/numbered list), and <li> (list item) tags.

Module 4: HTML Forms

Form Basics

HTML forms are used to collect user input. The <form> element encapsulates all the form elements. Input elements like text fields, radio buttons, checkboxes, and submit buttons are defined using the <input> tag. Other form elements include <textarea> for multiline text input and <select> for drop-down lists.

Form Attributes

HTML form elements can have attributes like name, value, placeholder, and more. The form element can have attributes like action (URL where form data is sent when submitted) and method (HTTP method used to send the data).