RajeshIntuition Inc.

HTML Lists

3 Types of List

Ordered lists: uses different scheme of numbers or order to list items.

ex: legal contract or steps need to be performed

Unordered lists: Start with bullet points, can be configured

Definition lists: arranges items like dictionary.

Ordered List

: Ordered List is created with element

Each item in the list is placed between open tag and closing tag

The type attribute: The type attribute used to specify type of numbering.

1 Default-Case Numerals

I Upper-Case Roman Numerals

I Lower-Case Roman Numerals

A Upper-Case Letters

a Lower-Case Letters

Ordered List Example

Start attribute: To specify the starting point for the numbering you need.Ex: - Numerals starts with 4

Unordered List

Unordered list is created using element Each item in the list is placed between an opening

and closing tag Type attribute used to specify type of bullet point

Ex: Circle, square, diamond

Definition List

Definition list is created with element Inside element, there will be pairs of and

elements is used to contain the term being defined is used to contain the definition

Nested List

Nested lists are the lists created inside the lists. You can nest any type of list inside a ordered,

unordered or definition list.

Links

This is the page the This the TEXT the

LINK takes you to user clicks on

IMDB

Opening of LINK Tag Closing LINKTag

Directory and relative URLs

Index.html

images

home

imdb

Logo.gifheader.gif

movies

Ratings.htmlReviews.html

upcomingupcoming.htmltrailors.html

Root-of web folder

Child folder Ratings

Trailors

Email Links: mailtoTo create a link that starts up the user's email program and addresses an email to a specified email address Email John Doe

Opening Links

Target Use the Target attribute to load URL in a new window

Ex: IMDB

Linking to specific part of the same pageFilm-Making Terms

Arc Shot

Interlude

Prologue

Arc Shot

A shot in which the subject is photographed by an encircling or moving camera

Interlude

A brief, intervening film scene or sequence, not specifically tied to the plot, that appears within a film

Prologue

A speech, preface, introduction, or brief scene preceding the the main action or plot of a film; contrast to epilogue

Top

Images

To add Images

Syntax:

Src Tells browser where it can find image

Alt Provides text description if image is not available

Title Provides additional information about image and some browser provide tool tip info of the text

Height Specifies height of the image in pixels

Width Specifies width of the image in pixels

Images.. Continued

To contain image and caption to image(new HTML5)

To add caption to image

Ex:

Image of Joh Doe

Tables

To display information in grid or tabular format, you use tables ex: Time tables, stock results, order history etc..

This element is used to create table

Indicates the start of each row. Closing tag is

Indicates the start of each column/cell. Closing tag is

Indicates table heading.

Border Attribute to create the border around table rows and cells

Cellpadding, Cellspacing old and out dated, still supported by browsers

Bgcolor Attribute to paint background color for table

Next Session

FORMS

TEXT

PASSWORD

CHECKBOX

RADIO

TEXT AREA

DATE

SEARCH

SUBMIT

SLIDER