Difference between revisions of "HTML"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 29: Line 29:
 
* Hello World
 
* Hello World
  
'''2. Elements, Tags and Attributes in HTML '''
+
'''2. Elements, Tags and Attributes in HTML'''
  
 
* Elements
 
* Elements
Line 37: Line 37:
 
* Single and Double Quoted Attributes
 
* Single and Double Quoted Attributes
  
'''3. Formatting Tags '''
+
'''3. Formatting Tags in HTML'''
  
 
* Text Formatting Tags
 
* Text Formatting Tags
Line 44: Line 44:
 
* Anchor
 
* Anchor
  
'''4. Styles and CSS '''
+
'''4. Styles and CSS in HTML'''
  
 
* What is style?
 
* What is style?
Line 50: Line 50:
 
* CSS
 
* CSS
  
'''5. Lists '''
+
'''5. Lists in HTML'''
  
 
* What is list?
 
* What is list?
Line 59: Line 59:
 
* List Attributes
 
* List Attributes
  
'''6. Tables '''
+
'''6. Tables in HTML'''
  
 
* Tables
 
* Tables
Line 65: Line 65:
 
* Table Attributes
 
* Table Attributes
  
'''7. Phrase Tags '''
+
'''7. Phrase Tags in HTML'''
  
 
* Important, Emphasized, marked,
 
* Important, Emphasized, marked,
Line 79: Line 79:
  
  
'''1. Doctype and Head Section '''
+
'''1. Doctype and Head Section'''
  
 
* What is Doctype?
 
* What is Doctype?
Line 85: Line 85:
 
* Head Section - Head, Title, Metadata, Style, Script, Base
 
* Head Section - Head, Title, Metadata, Style, Script, Base
  
'''2. Embedding Images '''
+
'''2. Embedding Images'''
  
 
* Embedding Images in HTML
 
* Embedding Images in HTML
Line 93: Line 93:
 
* Adding Image Maps
 
* Adding Image Maps
  
'''3. Embedding Audio and Video '''
+
'''3. Embedding Audio and Video'''
  
 
* Embed audio and video files
 
* Embed audio and video files
Line 100: Line 100:
 
* Modify video player dimensions
 
* Modify video player dimensions
  
'''4. Block Elements and Layouts '''
+
'''4. Block Elements and Layouts'''
  
 
* Block level elements
 
* Block level elements
Line 108: Line 108:
 
* HTML5 Layouts
 
* HTML5 Layouts
  
'''5. Forms '''
+
'''5. Forms in HTML'''
  
 
* Forms
 
* Forms

Revision as of 16:57, 2 August 2019

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.

Overview

  • About HTML
  • The content available in various tutorials in this series

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 in HTML

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

4. Styles and CSS in HTML

  • What is style?
  • Common attributes
  • CSS

5. Lists in HTML

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

6. Tables in HTML

  • Tables
  • Table - Elements
  • Table Attributes

7. Phrase Tags in HTML

  • 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 in HTML

  • 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