HTML
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
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
Headings
HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading, while <h6> defines the least important one.
Paragraphs
HTML paragraphs are defined using the <p> tag.
Links
HTML links are defined with the <a> tag. The link address is specified in the href attribute.
Images
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.
Lists
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).