Scor Institute of Computer & Programing: June 2011

                           Code for Heading
1)
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
2)
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

                               Code for Paragraph

<html>
<body>
<p>Welcome to SCOR</p>
<p>This is HTML code</p>
<p>Hello Every one</p>
</body>
</html>

                                 Code for Line Break

<html>
<body>
<p>This is<br />a para<br />graph with line breaks</p>
</body>
</html>

                             Code for Horizontal Line
1)

<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
</body>
</html>

2)

<hr width="75%" color="#ff0000" size="4" />

                                     Text Formatting

<html>
<body>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<p> <U>Some Text</U>
<font size=+1>Some Text</font>
</body>
</html>

                                         Background and Text Color

<html>
<body style="background-color:PowderBlue;">
<h1>Look! Styles and colors</h1>
<p style="font-family:verdana;color:red;">
This text is in Verdana and red</p>
<p style="font-family:times;color:green;">
This text is in Times and green</p>
<p style="font-size:30px;">This text is 30 pixels high</p>
</body>
</html>

                                          Tables in Html

<html>
<body>
<p>
Each table starts with a table tag.
Each table row starts with a tr tag.
Each table data starts with a td tag.
</p>
<h4>One column:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
<h4>One row and three columns:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
<h4>Two rows and three columns:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
</body>
</html>

2)

<html>
<body>
<h4>Cell that spans two columns:</h4>
<table border="1">
<tr>
<th>Name</th>
<th colspan="2">Telephone</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h4>Cell that spans two rows:</h4>
<table border="1">
<tr>
<th>First Name:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>

3)
Example: A table with 2 rows and 3 columns, and table = 1
<table border=1>
<tr>
<td>Frist</td>
<td>Second</td>
<td>Third</td>
</tr><tr>
<td>Fourth</td>
<td>Fifth</td>
<td>Sixth</td>
</tr>
</table>

4)
+ Your can also custom the background color of table, colums, or rows
<table border=1 bgcolor="EEADB8">
<tr>
<td width=120>Frist</td>
<td width=130 bgcolor="FFFF00">Second</td>
<td width=140>Third</td>
</tr><tr>
<td width=120>Fourth</td>
<td width=130 bgcolor="FFFF00">Fifth</td>
<td width=140>Sixth</td>
</tr>
</table>

                                               Inserting Images in HTML
<html>
<body>
<p>
An image:
<img src="smiley.gif" alt="Smiley face" width="32" height="32" />
</p>
<p>
A moving image:
<img src="hackanm.gif" alt="Computer man" width="48" height="48" />
</p>
<p>
Note that the syntax of inserting a moving image is no different from a non-moving image.
</p>
</body>
</html>

                                Images in Start and End of a Paragraph

<html>
<body>
<p>
<img src="smiley.gif" alt="Smiley face" align="left" width="32" height="32" />
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.
</p>
<p>
<img src="smiley.gif" alt="Smiley face" align="right" width="32" height="32" />
A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text.
</p>
</body>
</html>

                                        Lists

Ordered List:

<html>
<body>
<h4>An Ordered List:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>

UnOrdered List:

<html>
<body>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>

Nested List:

1)

<html>
<body>
<h4>A nested List:</h4>
<ul>
<li>Coffee</li>
<li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea</li>
    </ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>

2)

<html>
<body>
<h4>A nested List:</h4>
<ul>
<li>Coffee</li>
<li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
      <li>China</li>
      <li>Africa</li>
      </ul>
    </li>
    </ul>
</li>
<li>Milk</li>
</ul>
</body>
</html>

Defination List:

<html>
<body>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>

Note: First read the assingment carefully,that what is the need and what are you asking to do.Than implement what you are thinking with the help of flowchars symbols.
Your have to submit these assignment on Friday 24th of June 2011.Late assignment will be given no marks,so try to complete assignment on the given time.Best of Luck to all of You.

Assignment No 1:

Draw a Flowchart of having bath with cold water.if water is cold take bath else come out from bathroom.

Assignment No 2:

Draw a Flowchart that takes input from user and your programme should Sum the two numbers 12 and 8.it also then subtract these two number, if answer is in negitive digit eg (-9) , it should give the answer that your answer is wrong else it is okay.

Assignment No 3:

Draw a Flowchart of purchase a Computer
you should provide with a particular amount of RS 50,000
you have to buy a Personal Computer that has core i7 processor.If your computer is a Gaming Pc then you have to built in 1gb Dedicated Nvidia gaming card,and supply of 500 Watts.if your computer is not a gaming Pc then your computer have 512 Video card and supply of 300 Watts.You have to put 4GB Ram 500 GB hard Disk and a Super Drive also.these all parts should be assemble in to your casing of your CPU.