MOD 1.2____________________________.pptx

LeslieQwer 4 views 60 slides Jun 22, 2024
Slide 1
Slide 1 of 60
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60

About This Presentation

List


Slide Content

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> <html> <head> <style> table, th , td { border: 1px solid black; } </style> </head> <body> <h2>Table With Border</h2> <p>Use the CSS border property to add a border to the table.</p> <table style="width:100%"> < tr > < th > Firstname </ th > < th > Lastname </ th > < th >Age</ th > </ tr > < tr > <td>Jill</td> <td>Smith</td> <td>50</td> </ tr > < tr > <td>Eve</td> <td>Jackson</td> <td>94</td> </ tr > < tr > <td>John</td> <td>Doe</td> <td>80</td> </ tr > </table> </body> </html>

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
Tags