Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Prof. Varsha Tank (IT/ICT Dept. - Ljiet) : Presented by

Download as pdf or txt
Download as pdf or txt
You are on page 1of 13

Prof. Varsha Tank (IT/ICT Dept.

-
Presented by :
LJIET)
UNIT – 2
HTML AND CSS – cont.
Topics to be covered
 Types of list
 Frames
HTML Lists
 HTML Lists are used to specify lists of information.
All lists may contain one or more list elements. There
are three different types of HTML lists:
 Ordered List or Numbered List (ol)
 Unordered List or Bulleted List (ul)

 Description List or Definition List (dl)


HTML Ordered List or Numbered List

 In the ordered HTML lists, all the list items are


marked with numbers by default. It is known as
numbered list also. The ordered list starts with <ol>
tag and the list items start with <li> tag.
 Example :
Ordered list attribute
 reversed
 This Boolean attribute specifies that the list’s items are in reverse order. Items will
be numbered from high to low.
 start
 An integer to start counting from for the list items. Always an Arabic numeral (1,
2, 3, etc.), even when the numbering type is letters or Roman numerals. For
example, to start numbering elements from the letter "d" or the Roman numeral
"iv," use start="4".
 type
 Sets the numbering type:
 a for lowercase letters
 A for uppercase letters
 i for lowercase Roman numerals
 I for uppercase Roman numerals
 1 for numbers (default)
HTML Unordered List or Bulleted List

 In HTML Unordered list, all the list items are marked


with bullets. It is also known as bulleted list also. The
Unordered list starts with <ul> tag and list items
start with the <li> tag.
 Example :
Unordered list attribute
 You can use type attribute for <ul> tag to specify
the type of bullet you like. By default, it is a disc.
Following are the possible options −
 <ul type = "square">
 <ul type = "disc">
 <ul type = "circle">
HTML Description List or Definition List

 HTML Description list is also a list style whic h is


supported by HTML.
 It is also known as definition list where entries are listed
like a dictionary or encyclopedia.
 The definition list is very appropriate when you want to
present glossary, list of terms or other name-value list.
 The HTML definition list contains following three tags:
 <dl> tag defines the start of the list.
 <dt> tag defines a term.
 <dd> tag defines the term definition (description).
HTML - Frames
 HTML frames are used to divide your browser window into multiple sections
where each section can load a separate HTML document. A collection of
frames in the browser window is known as a frameset.

 The window is divided into frames in a similar way the tables are
organized: into rows and columns.

 Creating Frames

 To use frames on a page we use <frameset> tag instead of <body> tag.


 The <frameset> tag defines, how to divide the window into frames.
 T h e   row s   a t t r i b u t e o f < f ra m e s e t > t a g d e f i n e s h o r i z o n t a l f ra m e s
and cols attribute defines vertical frames.
 Each frame is indicated by <frame> tag and it defines which HTML document
shall open into the frame.
Nested Framesets
 You can achieve more complex layouts by using nested tags.
 Any frame within a frameset can contain another frameset.
 For example, shows a layout of two columns, the first with two rows and the
second with three rows. This is created by nesting two tags with row
specifications within a top-level that specifies the columns:
HTML Frames - cont.
 Disadvantages of Frames
There are few drawbacks with using frames, so it's never
recommended to use frames in your webpages −
 Some smaller devices cannot cope with frames often
because their screen is not big enough to be divided up.
 Sometimes your page will be displayed differently on
different computers due to different screen resolution.
 The browser's back button might not work as the user hopes.

 There are still few browsers that do not support frame


technology.

You might also like