You are on page 1of 4

1.

Open Notepad and type the following:

<HTML>
<HEAD><TITLE> www.computer.com.ph </TITLE></HEAD>
<BODY BGCOLOR="YELLOW">
<FONT SIZE=”15”, COLOR=”BLUE”>
<B><CENTER>THE EVOLUTION OF COMPUTERS </CENTER></B>
</FONT>
<HR ALIGN=”CENTER”, SIZE=”15”, COLOR=”VIOLET”>
<UL><FONT SIZE=”14”>
<li> Abacus (2600 BC)
<li> Adding Machine (1642 AD)
<li> Slide Rule (1700 AD)
<li> Difference Engine (1821 AD)
<li> Analytical Engine (1833 AD)
</UL></FONT>
<FONT SIZE=”15”, COLOR=”BROWN”, FACE="Algerian">
<B><CENTER><U>PHYSICAL FORMATING</U></CENTER></B></FONT>
<I> Italics </I><br>
<U> Underline </U><br>
<STRIKE> Strikethrough </STRIKE> <br>
<BIG> BIG </BIG> <br>
<SMALL> SMALL </SMALL> <br>

<B> NESTING TAG </B> <br>


<B> <I> Bold Italics </B> </I> <br>
<B> <U> Bold Underline </B> </U> <br>
<I> <U> Italics Underline </I> </U> <br>
<B> <I> <U> Bold Italics Underline </B> </I> </U>

<FONT SIZE=”15”, COLOR=”BLUE”>


<B><CENTER>THE EVOLUTION OF COMPUTERS </CENTER></B>
</FONT>
<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”VIOLET”>

<OL><FONT SIZE=”14”>
<li> Abacus (2600 BC)
<li> Adding Machine (1642 AD)
<li> Slide Rule (1700 AD)
<li> Difference Engine (1821 AD)
<li> Analytical Engine (1833 AD)
</OL></FONT>
<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”reds”>
<B>FONT TAGS</B> <br>
<FONT FACE = "Arial Rounded MT"> Font Face: Arial Rounded MT </FONT> <br>
<FONT SIZE = "20"> Font Size : 30 </FONT> <br>
<FONT COLOR = "Green"> Font Color : Green </FONT> <br>

<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”orange”>

<B>H</B><SUB>2</SUB>O <br>
<B>H</B><SUP>2</SUP>O </br>
<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”blue”>

<p align = "right"><I> The quick <br> brown fox jumps <br> over the lazy dog <br><I>

<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”brown”>

<B><CENTER><U>PHYSICAL FORMATING</U><br>
Definition List<br>
</CENTER></B></FONT>
<DL>
<DT>Apple</DT>
<DD>Is a type of fruits.</DD>
<DT>Dog</DT>
<DD>Is a kind of animals</DD>
<DT>CPU</DT>
<DD>Central Processing Unit, the brain and Heart of a Computer.</DD>
</DL>

<hr ALIGN=”middle”, SIZE=”300”, COLOR=”Maroon”>

<CENTER><IMG SRC="C:\Users\AGSadsad\Desktop\4TH QUARTER\TTASK GRADE 9\ST ANDREW\Computer Ttask\giphy


(2).gif"></CENTER> <br>

<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”Purple”>


<center>
<table border=3 bordercolor="pink">
<tr>
<td>Apple</td>
<td>Banana</td>
<td>Grapes</td>
</tr>

<tr bgcolor="green">
<td>Cabbage</td>
<td>Squash</td>
<td>Carrot</td>
</tr>
</table>
</center>

<hr ALIGN=”CENTER”, SIZE=”300”, COLOR=”orange”>

<FONT SIZE=”15”, COLOR=”BROWN”, FACE="Lucida Sans">


CREATING FORMS<br>
<form method="post" action="mailto:jimenezmarie@yahoo.com">
UserID: <input type="text" size="20" maxlength="40" name="name">
<br>
Password: <input type="password" size="10" maxlength="10" name="pass">
<br>
<input type="submit" value="Send">
</form>

<form method="post" action="mailto:jimenezmarie@yahoo.com">


What is your favorite color? <br>
<input type="radio" name="shade" value="dark">Red<br>
<input type="radio" name="shade" value="light">Green<br>
<input type="radio" name="shade" value="light">Blue<br>
<input type="radio" name="shade" value="light">Black<br>
<input type="radio" name="shade" value="light">Pink<br>
<input type="radio" name="shade" value="light">Yellow<br>
<input type="radio" name="shade" value="light">Violet<br>
<input type="submit" value="Send">
</form>

<form method="post" action="mailto:jimenezmarie@yahoo.com">


What is your favorite Fruits? <br>
<input type="checkbox" name="shade" value="dark">Apple<br>
<input type="checkbox" name="shade" value="light">Banana<br>
<input type="checkbox" name="shade" value="light">Grapes<br>
<input type="checkbox" name="shade" value="light">Melon<br>
<input type="checkbox" name="shade" value="light">Orange<br>
<input type="checkbox" name="shade" value="light">Pineapple<br>
<input type="checkbox" name="shade" value="light">Guava<br>
<input type="submit" value="Send">
</form>

<form method="post" action="mailto:jimenezmarie@yahoo.com">


Month: <br>
<select name="month">
<option> January </option>
<option> February </option>
<option> March </option>
<option> April </option>
<option> May </option>
<option> June </option>
<option> July </option>
<option> August </option>
<option> September </option>
<option> October </option>
<option> November </option>
<option> December </option>
</select>
</form>

<form method="post" action="mailto:jimenezmarie@yahoo.com">


Musical Taste <br>
<select multiple name="music" size="4">
<option value="emo" selected> Emo </option>
<option value="techno"> Fresh Hits </option>
<option value="techno"> Remix </option>
<option value="techno"> Summer Hit </option>
<option value="metal/rock"> Metal/Rock </option>
<option value="hiphop"> Hip Hop </option>
<option value="classical"> Classical </option>
<option value="jazz"> Jazz </option>
<option value="oldies"> Oldies </option>
</select>
</form>

<form method="post" action="mailto:jimenezmarie@yahoo.com">


<textarea rows="10" cols="20" wrap="physical" name="comments">
Type your comments here:
</textarea><br>
<input type="submit" value="Send">
</form>
</FONT>
<FONT SIZE="30", COLOR="GREEN", FACE="Old English Text MT">
<MARQUEE BEHAVIOR="SCROLL" DIRECTION="LEFT">
THIS IS MY SIMPLE WEBSITE
</MARQUEE>
</FONT>
<center><img src="C:\Users\AGSadsad\Pictures\Saved Pictures\almond.jpg", width="500", height="500"></center>

</BODY>
</HTML>

2. Save your project with an extension file .html or .htm

This serve as your TRANSFER TASK IN ICT, SAVE YOUR TTASK IN FLASH DRIVE TOGETHER WITH THE PICTURE THAT
YOU INCLUDE IN YOUR WEBSITE.

You might also like