0% found this document useful (0 votes)
20 views

Mod 1.2

Module

Uploaded by

Leslie Qwer
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views

Mod 1.2

Module

Uploaded by

Leslie Qwer
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 60

LIST

Unordered HTML List


An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles) by default:
UNORDERED LIST
Ordered HTML List
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items will be marked with numbers by default:
ORDERED LIST
NESTED LIST
UPPERCASE LETTERS
LOWERCASE LETTERS
UPPERCASE ROMAN LETTERS
LOWERCASE ROMAN LETTER
CONTROL LIST
NESTED LIST
HTML Tables
• <!DOCTYPE html> add a border to the table.</p> • <td>Eve</td>
• <html> • <td>Jackson</td>
• <head> • <table style="width:100%"> • <td>94</td>
• <style> • <tr> • </tr>
• table, th, td { • <th>Firstname</th> • <tr>
• border: 1px solid black; • <th>Lastname</th> • <td>John</td>
• } • <th>Age</th> • <td>Doe</td>
• </style> • </tr> • <td>80</td>
• </head> • <tr> • </tr>
• <body> • <td>Jill</td> • </table>
• <td>Smith</td>
• <h2>Table With Border</h2> • <td>50</td> • </body>
• </tr> • </html>
• <p>Use the CSS border property to • <tr>
HTML Table Colspan & Rowspan
• <tr>
• <td>Eve</td>
• <td>Jackson</td>
• <td>57</td>
• </tr>
• </table>
• </body>
• </html>
• The Row and Column spanning functionality allows to customize the
appearance of the Grid and span cells between multiple row or
columns. This feature is equal to 'cell merging' in Excel or 'row
spanning' and 'column spanning' in HTML tables.
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.
• 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.
• Browser Support for Frames
• If a user is using any old browser or any browser, which does not support frames
then <noframes> element should be displayed to the user.
• So you must place a <body> element inside the <noframes> element because the
<frameset> element is supposed to replace the <body> element, but if a browser
does not understand <frameset> element then it should understand what is inside
the <body> element which is contained in a <noframes> element.
• You can put some nice message for your user having old browsers. For
example, Sorry!! your browser does not support frames. as shown in the above
example.
HTML Iframes

You might also like