HTML5

 Introduction

• History of HTML

• What you need to do to get going and make your first HTML page

• What are HTML Tags and Attributes?

• HTML Tag vs. Element

• HTML Attributes

• How to differentiate HTML Document Versions

HTML - Basic Formatting Tag

• HTML Basic Tags

• HTML Formatting Tags

• HTML Color Coding

 HTML - Grouping Using Div Span

The HTML

• Div and Span Tags for Grouping

HTML - Lists

The HTML

• element is used to represent an item in a list. It must be contained in a parent

element: an ordered list (

), an unordered list (
), or a menu (

list items are usually displayed using bullet points, now we are going to check how to use html list.

• Unordered Lists

• Ordered Lists

• Definition list

HTML - Images

• Creating an image

• Choosing alt text

• Responsive image using the srcset attribute

• Responsive image using picture element

HTML - Hyperlink & Anchors

• Link to another site

• Link to an anchor Link to a page on the same site Link that dials a number

• Open link in new tab/window

• Link that runs JavaScript Link that runs email client

HTML - Tables

• Simple Table

• Spanning columns or rows

• Column Groups

• Table with thead, tbody, tfoot

• Heading scope

HTML - iframe

The HTML

• Attributes Using

• iframe as the Target

HTML - Forms

• Submitting

• Target attribute in form tag

• Uploading Files

• Grouping a few input fields

HTML - Headers

The HTMLelement provides general information (metadata) about the document,

including its title and links to its scripts and style sheets.

• Title

• Base

• Styles

• Script

HTML - Miscellaneous

The HTMLelement represents metadata that cannot be represented by other HTML

meta-related elements, like , ,