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
Top Related