HTML5 for Beginners  (English, Paperback, Aibara Firuza)

This book has been specifically written in the interest of students, who are beginning to learn HTML. Hence, the basic HTML commands are made easy in this book for them to learn this subject within a short period. The language used is simple so that the students can grasp easily.

Though there are many books on HTML available in the market, the salient feature of this book is the simplicity which immediately appeals to the beginners. It can very well be described as the most user friendly book.

The coloured illustrations have been inserted in order to enhance the interest of children because they get enchanted by looking at the multicoloured pictures. As a result, they find it easy to remember. After reading this book the students
will be able to create attractive web sites of their own choice.

The book includes the latest version of HTML5, used for designing web pages.

About the Author
Firuza Yezdi Aibara, has completed her post graduation in Information Technology, M.Sc-IT, from The D. G. Ruparel College, Mumbai, affiliated to The University of Mumbai.

From childhood she had keen interest in Computers. She has completed various courses like Web Design & Development, C, C++, Java, Visual Basic and other subjects.

At present, Firuza is working as a Research Associate in the Indian Institute of Technology, IIT, Powai, Mumbai.

This first book of hers, has been written in a simple language to enable young students to learn & understand HTML easily.

Firuza has authored 6 more books on different subjects like “C” programming and Visual Basic. She is planning to write more books on different computer subjects too.

Well known author Mr. Ivan Bayross, has provided guidance to Firuza during the course of writing this book.

Table of Contents
1. BASIC CONCEPTS OF HTML
    HTML (Hyper Text Markup Language)
    Web Pages
    World Wide Web (WWW)
    Tags in HTML
    Tools for Accessing or Creating a Web Page
    To open Notepad
    To view the HTML page in Internet Explorer
    HTML As a Markup Language
    HTML as a Page Formatting Tool
    Structure of an HTML Page
    Commands Written In Notepad
    Hands on Exercises
   
2. THE <H> TAG
    The <h1> to <h6> Tag   
    The <hr> Tag
    Example of Headings in Internet Explorer
    Alignment of <h1> to <h6> Tag
    Example of Aligning <h> Tag in Internet Explorer
    Example of <hr> Tag in Internet Explorer
    Changing the Size/Height and Width of the <hr>/Horizontal Rule
    Example of Changing the Height of the Divider
    Example of Changing the Size and Width of Divider
    Alignment of <hr>/Horizontal Rule tag
    Noshade Property of <hr>/Horizontal Rule
    Example of Aligning Divider and Noshade Property
    Hands on Exercises
   
3. THE BASIC TAGS
THE <BR> TAG
    Introduction to <br> tag
    Example of Line Breaks without the <br> tag
    Example of Line Breaks with the <br> Tag
    The <nobr> Tag
    Introduction to the “&nbsp;” Command
    Example of Multiple Spaces without the “&nbsp;”
    Example of Multiple Spaces with the “&nbsp;”   
THE <P> TAG
    Introduction to <p> Tag
Example of <p> tag
    Example of <p> Tag after Resizing the Window   
    Alignment of Paragraphs/<p>
    Example of <p> tag for alignments
The <PRE> Tag
    Introduction to <pre> tag
    Example of <pre>
    Hands on Exercises

4. THE TEXT ATTRIBUTES
    Introduction
    The <marquee> tag with Color, Height and Width
    <marquee> tag with Direction
    <marquee> tag with behavior
    <marquee> tag with behavior
    <marquee> tag with Scrollamount
    <marquee> tag with Scrollamount
    Example of Text Styles
    Font Face
    Font Size
    Font Color
    The Basic Color Codes   
    The Basic Color Codes   
    Headings with Font
    Example of Headings with <font> tag
    The use of <pre> with <font> Tag
    Hands on Exercises
   
5. THE IMAGES
    Introduction
    Example of Inserting an Image
    Borders of Images
    Example of Image Border
    Adding Space between Images
    Example of Adding Space between Images
    Naming the Images
    Image Size
    Example for Image Sizes
    Alignment of Images
    Example of Alignment for Images
    Images and Text
    Example of Images and Text
    Example of Image Background
    Special Background Image
    Example to check fixed image property
    Hands on Exercises

6. THE LIST TAG
    Introduction to the List Tag
    Ordered List
    Unordered List
    Example of Ordered List and Unordered List
    Nested List   
    Example of Ordered Nested List
    Example of Unordered Nested List
    Example of Nested Ordered and Unordered List
    Hands on Exercises
   
7. THE LINKS
    Introduction
    Links between Two Pages
    Example of links
    Links in the Same Page
    Example of Links in the Same Page
    Images as Links
    Example of Images as Links
    Attributes of Links
    Change the Color of the Links
    Example of Link Colors
    Load a Page in a Different Window when a Link is clicked
    Hands on Exercises
   
8. THE BASIC WEB PAGE
    Introduction
    Example for combination of tags
    Hands on Exercises

9. OTHER FORMATTING TAGS
SOUNDS AND VIDEOS
    Introduction to Sounds and Videos   
    Sound and Video Tags
    Sounds or Videos Played When the Page Loads
    Example of Sounds
    Sounds / Videos Played when clicked on Text which is a Link
    Sounds / Videos Played when clicked on the Image which is a link
COMMENTS
    Introduction to Comments
    Example of Comments
THE <XMP> TAG
    Introduction to <xmp>
    Example of <xmp>
SPECIAL CHARACTERS
    Introduction to Special Characters
    Example of Special Characters
    Hands on Exercises

10. THE TABLES
    Introduction to Tables
    The Table
    The Rows
    The Columns
    The <th> and </th>
    The <td> </td>
    The Table Border
    Example of Tables With and Without Border
    Vertical Headers of Table
    Example of Vertical Headers
    Cellspacing
    Cellpadding
    Example of Cellspacing   
    Example of Cellpadding
    Example of Cellspacing and Cellpadding
    Alignment of the Text Present inside the Cells
    Alignment of Table
    Use of <br> tag in <table>
    Example for Alignment of Table and Cells
    Use of <font> Tag in <table>
    Border Attributes in the Table
    Example for Border and Font Color of tables
    Background Property
    Example of Table Background Color
    Background Color of Cells
    Example for Colors Given To Rows and Cells of the Table
    Example for Image as Background of the Table
    Example for Image Background and Colors of the Table
    Merging Of Rows and Columns
    Colspan
    Rowspan
    Example for Merging Rows of the Table
    Example for Merging Columns of the Table
    Example for Merging Rows and Columns of the Table
    Width of the Table
    Example for Width of the Table
    Inserting Images in the Cell of a Table
    Example of Inserting an Image in the Table
    Table within a Table
    Example of a Table within another Table
    Ordered and Unordered List inside the Table
    Empty Cells inside the Table
    Example of List and Empty Cells inside the Table
    Links in the Table
    Example of Links inside the Table
    Hands on Exercises

11. THE FRAMES
    Introduction to Frames
    The Frames
    Frames with Column Arrangement
    Example of “MainFrames.html” with Column Arrangement
    Column Size for Frames
    Example of Distributing Frame Columns Evenly   
    Frames with Row Arrangement
    Example of “MainFrames.html” with Row Arrangement
    Row Size for Frames
    Example of Distributing Frame Rows Evenly
    Example of Frames with Rows and Columns
    Frame Spacing
    Example of Frame Spacing
    Example of Frame Border
    Margin Width and Height in Frames
    Example of Frame Margins
    Scroll Bars for Frames
    Avoid Scrolling
    Example of Avoiding Scrolling for Frames
    Resizing of Frames
    Example of Noresize for Frames
    Links in Frames
    Example of “MainFrames.html” for links in Frames
    Load a Page in Different Frame When a Link is clicked
    Hands on Exercises

12. THE FORMS
    Introduction to Forms
    The <input> Tag
    The <input type= “text”>
    Example of Text Box
    The <input type= “password”>
    Example of Password
    The <input type= “checkbox”>
    Example of Check Box
    Example of Check Box Using Checked Property
    The <input type= “radio”>
    Example of Radio Button Using Checked Property
    The <input type= “reset”>
    The <input type= “submit”>
    Example of <input> Tag
    The <textarea> </textarea> Tag
    Example of Text Area
    Example of Text Area with Pre Defined Text
The <select> </select>
    The Dropdown List
    The Normal List
    Example of Dropdown List
    Example of Normal Lis
    Example of Multiple Select for Normal List
    Example of Implementing Tables, Frames and Forms Together
    Hands on Exercises
   
13. VB SCRIPT
    Scripting Language
    Introduction to VBScript
    Printing Text Using VBScript
        Example of Printing Text using VBScript
        Example of Popup that Blocks Scripting Content
    <h> tag along with VBScript
        Example of Headings along with VBScript
        Example of Headings along with VBScript
    Alert / msgbox in VBScript
        Example of alert
        Example of msgbox
    Variables in VBScript
        Declaring Variables
        Assigning Values to Variables
        Rules for Naming Variables
    Arrays in VBScript
        Declaring an Array
        Assigning Values to an Array
    Conditional Statements in VBScript   
        If then   
            Example of If then
        If else   
            Example of If else
        Elseif   
            Example of ElseIf
        Switch   
            Example of Switch
    Looping Statements in VBScript
        While Loop
            Example of Printing “Hello” 5 times using While Loop
        For Loop   
            Example of Printing Even Numbers from 0 to 10 and Odd
            Numbers from 30 to 20 using For Loop
    Do While Loop   
            Example of Printing Numbers from 1 to 10 using Do While
            Loop
    Do Until Loop   
            Example of PrintingNumbers from 1to10 usingDoUntil Loop
            Example of Printing Tables of Number 5 using While and For
            Loop
        Example of Printing Tables of Number 5 using Do While and
        Do Until Loop
    Procedures in VBScript
            Sub procedure
            Functions
    Events in VBScript
    Forms along with VBScript
            Example of Displaying Name using msgbox on Click of a Button
            Example of Validating Age on Click of a Button   
            Example of Validating Password on Click of a Button
    Hands on Exercises

14. Java SCRIPT
    Introduction to Java Script
    Example of Printing Text using Java Script in Notepad as shown in
    Fig 14.1.
    <h> tag along with Java Script
    Example of <h> tag in Notepad as shown in Fig 14.2.
    Example of Date in Notepad as shown in Fig 14.3.
    Variables in Java Script
    Declaring Variables
    Assigning Values to Variables
    Rules for Naming Variables
    Array
    Declaring an Array
    Assigning Values to an Array
    Popup boxes
        1) Alert box
    Example of Alert Box in Notepad as shown in Fig 14.4.
        2) Confirm box
    Example of Confirm Box in Notepad as shown in Fig 14.5 and 14.6.
        3) Prompt box
    Example of Prompt Box using Java Script in Notepad as shown in
    Fig 14.7 and 14.8.
    Comments   
    Single-Line Comments
    Multi-Line Comments
    Example of Prompt Box using Java Script in Notepad
    as shown in Fig 14.9.
    Operators in Java Script
    Arithmetic Operator
    Assignment Operators
    Relational Operators
    Logical Operators
    Concatenation
    Conditional Statements in Java Script
        if
        if else
        if else if
    Switch
    Looping Statements in Java Script
    While Loop
    For Loop
    Do While Loop
    Break
    Continue
    Functions
    Events in Java Script
    Forms along with Java Script
    Hands on Exercises
    Fill In the Blanks
    Questions

15. HTML5
    Introduction
    Features of HTML5
    New Markup Elements of HTML5
    New Form Elements and Attributes of HTML5
    Hands on Exercises
    Fill In the Blanks
    Questions

16. Revisiting Basic Tags in HTML5
    <H> tag
    <hr> tag
    <p> tag
    <pre>, <br>, <nobr>, &nbsp; tag
    <marquee> tag in HTML5
    Comments in HTML5
    Text Styles in HTML5
    <div> tag
    <span> tag
    Hands on Exercises
    Questions

17. Images, List and Links in HTML5
    Lists
    Definition List
    Images
    Image Margins and Padding
    <figure> tag
    Links
    Hands on Exercises
    Questions

18. Tables and Forms in HTML5
    Tables
    Forms
    New Elements added to HTML5
    Hands on Exercises
    Questions

19. Audio and Video in HTML5
    <audio>
    <video>
    <source>
    Hands on Exercises
    Questions

20. Canvas
    <canvas>
    Text Styles
    Shapes
    Fill Styles
    Hands on Exercises
    Questions

SUMMARY

ANSWERS FOR HANDS ON EXERCISES

BACK INDEX