Q. Create an HTML program using the body given in the example for unordered list.Modified it change it to change the shape of the bullet to _and also reduced the size of bulleted items one smaller than the heading
HTML Code:
<!DOCTYPE HTML>
<HTML>
<BODY BGCOLOR="YELLOW">
<FONT FACE="ARIAL" SIZE="6" COLOR="ORANGE">
<I><U><B>
LIST OF FRUITS</I></U></B>
<FONT FACE="ARIAL" SIZE="6" COLOR="red">
<UL TYPE="CIRCLE">
<FONT FACE="ARIAL" SIZE="5" COLOR="blue">
<LI>Apple
<FONT FACE="ARIAL" SIZE="4" COLOR="green">
<LI>Mango
<FONT FACE="ARIAL" SIZE="3" COLOR="red">
<LI>Guava
<FONT FACE="ARIAL" SIZE="2" COLOR="blue">
<LI>Pinapple
<FONT FACE="ARIAL" SIZE="1" COLOR="green">
</ul>
</BODY>
</HTML>
Output:
LIST OF FRUITS
HTML Code:
<!DOCTYPE HTML>
<HTML>
<BODY BGCOLOR="YELLOW">
<FONT FACE="ARIAL" SIZE="6" COLOR="ORANGE">
<I><U><B>
LIST OF FRUITS</I></U></B>
<FONT FACE="ARIAL" SIZE="6" COLOR="red">
<UL TYPE="CIRCLE">
<FONT FACE="ARIAL" SIZE="5" COLOR="blue">
<LI>Apple
<FONT FACE="ARIAL" SIZE="4" COLOR="green">
<LI>Mango
<FONT FACE="ARIAL" SIZE="3" COLOR="red">
<LI>Guava
<FONT FACE="ARIAL" SIZE="2" COLOR="blue">
<LI>Pinapple
<FONT FACE="ARIAL" SIZE="1" COLOR="green">
</ul>
</BODY>
</HTML>
LIST OF FRUITS
- Apple
- Mango
- Guava
- Pinapple
0 Comments