HTML

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.

Basic Level

1. My First HTML Program

• What is HTML?
• What we need?
• Structure of HTML Document
• Hello World

2. Elements, Tags and Attributes in HTML

• Elements
• Tags
• Attributes
• Declaration of Attributes
• Single and Double Quoted Attributes

3. Formatting Tags

• Text Formatting Tags
• Break Tag
• Horizontal Ruler
• Anchor

4. Styles and CSS

• What is style?
• Common attributes
• CSS

5. Lists

• What is list?
• Types of List
• Ordered List
• Unordered List
• Description List
• List Attributes

6. Tables

• Tables
• Table - Elements
• Table Attributes

7. Phrase Tags

• Important, Emphasized, marked,
• Abbreviation,
• Acronym
• Quote
• Address
• Cite
• Code
• HTML Entities

Intermediate Level

1. Doctype and Head Section

• What is Doctype?
• Doctype Declaration
• Head Section - Head, Title, Metadata, Style, Script, Base

2. Embedding Images

• Embedding Images in HTML
• Alternative text for the image
• Creating Image as a link
• Customizing width and height of an image
• Adding Image Maps

3. Embedding Audio and Video

• Embed audio and video files
• Provide multiple sources
• Adding Playback Controls to the player
• Modify video player dimensions

4. Block Elements and Layouts

• Block level elements
• Inline elements
• div tag
• span tag
• HTML5 Layouts

5. Forms

• Forms
• Form Elements: Input, Label, Button
• Input types: Text, Email, Password

6. More on Forms

• Form Input types: Date, Radio, Number
• Form Elements: Select, Datalist, Fieldset
• Form Methods: GET, POST

Contributors and Content Editors

Nancyvarkey, PoojaMoolya, Pravin1389