Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Thursday, 21 July 2016

WRITE A CODE FOR FOLLOWING

● Coffee
● Tea
     ■ Black Tea
     ■ Green Tea
          1] Africa
          2] China 
● Milk


<html>
<head>
<title> Beverages</title>
</head>
<body>
List Of Beverages
<ul type="disc">
     <li> Coffee</li>
     <li> Tea</li>
         <ul type="square">
            <li>Black tea</li>
  <li> Green Tea</li>
                 <ol type=1 start=1>
<li> Africa</li>
       <li> China</li>
</ol>
      </ul>
    <li> Milk</li>
</ul>
</body>
</html>

Posted by at No comments:
Labels: ,

WRITE HTML5 CODE FOR FOLLOWING TABLE IN THE IMAGE



<html>
<head>
<title> Population of different countries </title>
</head>
<body>
<table border=4 cellspacing=5>
<tr>
   <th> Countries </th>
   <th colspan=2> Population (In Crores) </th>
</tr>
<tr>
  <th rowspan=3> India </th>
  <td> 1998</td>
  <td> 85</td>
</tr>
<tr>
  <td> 1999</td>
  <td> 90</td>
</tr>
<tr>
  <td> 2000</td>
  <td> 100</td>
</tr>
<tr>
  <th rowspan=3> USA</th>
  <td> 1998</td>
  <td> 30</td>
</tr>
<tr>
  <td> 1999</td>
  <td> 35</td>
</tr>
<tr>
  <td> 2000</td>
  <td> 40</td>
</tr>
<tr>
  <th rowspan=3> UK</th>
  <td> 1998</td>
  <td> 25</td>
</tr>
<tr>
  <td> 1999</td>
  <td> 30</td>
</tr>
<tr>
  <td> 2000</td>
  <td> 35</td>
</tr>


</body>
</html>

Posted by at No comments:
Labels: ,

HTML5 PROGRAM FOR UNORDERED LIST. MODIFY IT TO CHANGE SHAPE OF BULLETS AND REDUCE THE SIZE OF A BULLETED ITEMS

ORIGINAL UNORDERED LIST

<html>
<head>
<font color="#00F000"> List   Of   Fruits</font>
<title>Unordered List</title>
</head>
<body bgcolor="#F00000">
<font color="#0000F0">
<ul type="circle">
<li>Mango</li>
<li>Banana</li>
<li>Papaya</li>
<li>Watermelon</li>
</ul>
</font>
</body>
</html

MODIFIED 

 <html>
<head>

<title>Unordered List</title>
</head>
<body bgcolor="#000FF0">
<font color="#00FF00" font size=4> List Of Fruits</font>
<font color="#FF0000">
<ul type="square">
<li>Mango</li>
<li>Banana</li>
<li>Papaya</li>
<li>Watermelon</li>
</ul>
</font>
</body>
</html




Posted by at No comments:
Labels: ,

HTML5 PROGRAM USING ORDERED LIST. MODIFY 1st) TO CHANGE THE COLOR OF ITEM TEXT 2nd)REDUCE THE SIZE OF TEXT ONE SMALLER THAN THE HEADING

ORIGINAL ORDERED LIST

<html>
<head>
<font color="#00FF00"> List Of Cities</font>
<title>Ordered List</title>
</head>
<body bgcolor="#FF0000">
<font color="#0000FF">
<ol type="A" start="A">
<li>MUMBAI</li>
<li>PUNE</li>
<li>CHANDIGARH</li>
<li>NAGPUR</li>
</ol>
</font>
</body>
</html>


1st MODIFIED

 <html>
<head>

<title>Ordered List</title>
</head>
<body bgcolor="#FF0000">
<p><font color="#00FF00"> List Of Cities</font></p>
<font color="blue">
<ol type="A" start="A">
<li>MUMBAI</li>
<li>PUNE</li>
<li>CHANDIGARH</li>
<li>NAGPUR</li>
</ol>
</font>
</body>
</html>


2nd MODIFIED

 <html>
<head>

<title>Modified OL List</title>
</head>
<body bgcolor="#0000FF">
<font color="#00FF00" font size=3>
<font color="#00FF00"> List Of Cities</font>
<font color="#00FF00" font size=1>
<ol type="A" start="A">
<li>MUMBAI</li>
<li>PUNE</li>
<li>CHANDIGARH</li>
</li>
<li>NAGPUR</li>
</ol>
</font>
</body>

</html>

Posted by at No comments:
Labels: ,

TYPE THE SAMPLE HTML5 PROGRAM USING TABLES NAMED "TABLE ON LIST OF BOOKS". MODIFY IT TO Rs and PAISE COLUMN AND SPECIFY PRICE AT 500.5

ORIGINAL TABLE

<html>
<head>
<title> Table On list of Books</title>
<html>
<head>
<title> Table On list of Books</title>
</head>
<body>
<caption>List Of Books</caption>
<table border=4 cellspacing=4>
   <tr>
          <th rowspan=2>Item no  </th>
          <th rowspan=2> Item Name </th>
 <th colspan=2> Price </th>
  </tr>
  <tr>
     <th> Rs </th>
 <th> p </th>
 </tr>
<tr>
         <td> 1</td>
         <td> Programming in c++</td>
         <td> 500</td>
         <td> 50</td>
</tr>
<tr>
         <td> 2</td>
         <td> Programming in java</td>
         <td> 345</td>
         <td>00 </td>
</tr>

</table>
</body>
</html>


MODIFIED TABLE


</head>
<body>
<caption>List Of Books</caption>
<table border=4 cellspacing=4>
   <tr>
          <th rowspan=2>Item no  </th>
          <th rowspan=2> Item Name </th>
          <th> Price </th>
  </tr>

<tr>
         <td> 1</td>
         <td> Programming in c++</td>
         <td> 500.50</td>
       
</tr>
<tr>
         <td> 2</td>
         <td> Programming in java</td>
         <td> 345.00</td>
       
</tr>

</table>
</body>
        </html>

Posted by at No comments:
Labels: ,

CREATE AN HTML5 PAGE "MY CITY" WITH FOLLOWING SPECIFICATIONS

1. TITLE = "MY CITY"
2. CITY NAME AT TOP IN LARGE TEXT AND BLUE COLORED
3. ADD SOME LANDMARKS IN DIFFERENT COLOR, STYLE & TYPEFACE
4. COLLEGE NAME SHOULD BE SCROLLING
5. ADD SCROLLING TEXT WITH SOME MESSAGE.
6. ADD SOME IMAGE AT BOTTOM.

 <Html>
<Head>
<Title>MY CITY</Title>
</Head>
<Body>
<Header>
<big><p><center><font color="#0000ff">pune</center></big>
</header>
<p><b><font color="#FF0000">SB ROAD </b>
<p><i><font color="#00FF00">DAGDUSHETH</i>
<p><u><font color="#0000FF">BURGER KING</u>
<p><b><i><font color="#FF0000">MG</i></b>
<marquee>MY CITY PUNE</marquee>
<img src="IMG.png" height=100 width=100>
</Body>
</Html>

Posted by at No comments:
Labels: ,

CREATE AN HTML5 PAGE "MY COLLEGE" WITH FOLLOWING SPECIFICATIONS

1. TITLE SHOULD BE ABOUT MY COLLEGE
2. PUT THE WINDOWS LOGO IMAGE IN THE BACKGROUND
3. PLACE YOUR COLLEGE NAME AT THE TOP OF THE PAGE IN LARGE TEXT                 FOLLOWED BY ADDRESS IN SMALLER SIZE.
4. ADD NAMES OF COURSES OFFERED EACH IN A DIFFERENT COLOR, STYLE AND       TYPEFACE
5. ADD A SCROLLING TEXT WITH A MESSAGE OF YOUR CHOICE.
6. ADD COLLEGE IMAGE AT THE BOTTOM.

<html>
<head>
<title>MY COLLEGE</title>
</head>
<body background="IMG.png">
<article>
<header>
<h1><center>Fergusson College</center></h1>
<small><center>Shivaji Nagar,Pune-411004</center></small>
</header>
<p><b><font color="#FF0000">BSC </b>
<p><i><font color="#00FF00">BSC ANIMATION</i>
<p><u><font color="#0000FF">BSC. COMPUTER SCIENCE</u>
<p><b><i><font color="#FF0000">ARTS</i></b>
<marquee>Fergusson College</marquee>
<img src="/etc/favicon.png" height=100 width=100>
<footer>
<p> Posted By Fergusson College@fergusson.edu.com</p></footer>
</body>
</html>

Posted by at No comments:
Labels: ,

CREATE AN HTML5 PAGE CONTAINING THE POLYNOMIAL EXPRESSION AS FOLLOWS

a0+a1x+a2x2+a3x3

<html>
<head>
<title> Polynomial Expression </title>
</head>
<body>
<H1>a<sub>0</sub> + a<sub>1</sub>x + a<sub>2</sub>x<sup>2</sup> + a<sub>3</sub>x<sup>3</sup>
</body>
</html>


Posted by at 1 comment:
Labels: ,

CREATE AN HTML5 PAGE WHICH WILL DISPALY NAMES OF INDIAN CRICKET PLAYERS WITH DIFFERENT TEXT STYLE(BOLD, ITALIC AND UNDERLINED) AND ITS COMBINATIONS ON SEPARATE LINES. STATE EACH STYLE NAME IN TEXT.

<html>
<head>
<title> Indian Cricket Team Players </title>
</head>
<body>
<b> M.S. DHONI(bold) </b>
<p><I> VIRAT KOHLI(italic) </I></p>
<p><U> SHIKHAR DHAWAN(underlined)</U></p>
<p><U><I> STUART BINNY(italic,underlined)</I></U></p>
<P><B><I> SANCHIN TANDULKAR(bold,italic) </I></B></p>
<p><U><B> VIRENDER SEHWAG(bold,underlined)</B></U>
</body>
</html>

Posted by at No comments:
Labels: ,

CREATE AN HTML 5 PAGE WHICH WILL DISPLAY NAMES OF INDIAN PRESIDENTS, TENURE IN DIFFERENT COLORS AND ON SEPARATE LINES. STATE NAME OF EACH COLOR IN TEXT.

<html>
<head>
<title> Presidents of India </title>
</head>
<body>
<p><H1>Presidents Of India
<p><font color="#FF0000"> Pranab Mukherjee 2012-Present (Red)
<p><font color="#00FF00"> Pratibha Patil 2007-2012(Green)
<p><font color="#0000FF"> A.P.J. Abdul Kalam 2002-2007 (Blue)
</body>
</html>




Posted by at No comments:
Labels: ,

CREATE AN HTML5 PAGE WHICH WILL DISPLAY NAMES OF YOUR FAMILY MEMBERS ON SEPARATE LINES IN DIFFERENT SIZES. STATE SIZE OF EACH LINE IN ITS TEXT.

<!DOCTYPE HTML>
<html>
<head>
<title> Family Members> </title>
</head>
<body>
 <font size=6>MEMBER 1 NAME (size=6)</font>
 <p><font size=10>MEMBER 2 NAME size=h2</font></p>
</body>
</html>

Posted by at No comments:
Labels: ,
Subscribe to: Posts (Atom)