You are on page 1of 48

Web Master

:
Geraldine Santos

Web Developers:
Alicia Rose Bie Edilyn Bobiles Ella Mae Mula Ma. Crizia Obeña Geraldine Santos

Researchers:
Edilyn Bobiles Ella Mae Mula

DOCUMENTATION:
This site is created for computer enthusiasts who want to learn more about html. This includes definitions of different topics and lessons regarding html. Aside from that, the creators also prepared fun and interactive activities for the visitors of this site. I.

OBJECTIVES 1. 2. 3. To give information or knowledge regarding the basic html. To show that creating websites is challenging yet fun. To give tutorials on html using interactive activities and games.

II.

Website screen shot

III. Syntax
I. <HTML> <FRAMESET BORDER="0"> <FRAMESET ROWS=25%,75%> <FRAME SRC="banner.html"noresize> <FRAMESET COLS=15%,70%,15%> <FRAME SRC="navigation.html" noresize> <FRAME SRC="home.html" name="content"noresize> <FRAME SRC="other links.html" noresize> </FRAMESET> </FRAMESET> </HTML>

II. <html> <title>banner</title> <body background="anigif.gif"> </body> </html>

III. <html> <title>navigation</title> <head><h1><font face="dutch & harley" color="aqua">Topics</h1></font></head><br> <body background="pink.jpg">

<b><font face="berlin sans fb"color="yellow"size="3"><a href="home.html" target="content">HOME </a><br> <a href="introduction.html" target="content">Webpage,Website,<br>HTML</a><br>

<a href="element.html" target="content">Elements of a Webpage</a><br> <a href="text editor.html" target="content">Text Editors</a><br> <a href="4 basic tags.html" target="content">HTML Tags</a><br> <a href="font.html" target="content">HTML Fonts</a><br> <a href="background.html" target="content">HTML Background</a><br> <a href="marquee.html" target="content">HTML Marquee</a><br> <a href="images.html" target="content">HTML Images</a><br> <a href="sound.html" target="content">HTML Embed Sounds</a><br> <a href="videos.html" target="content">HTML Embed Videos</a><br> <a href="links.html" target="content">HTML Links</a><br> <a href="lists.html" target="content">HTML Lists</a><br> <a href="tables.html" target="content">HTML Tables</a><br> <a href="forms.html" target="content">HTML Forms</a><br> <a href="radio buttons.html" target="content">HTML Radio Buttons</a><br> <a href="checkboxes.html" target="content">HTML Check Boxes</a><br> <a href="option.html" target="content">HTML Select/Option Tag</a><br> <a href="two special button.html" target="content">HTML Special Buttons</a><br> <a href="search box.html" target="content">HTML Search Box</a><br> <a href="frameset.html" target="content">HTML Frameset</a><br> <a href="counters.html" target="content">HTML Counters</a><br> <a href="comments.html" target="content">FEEDBACK </a><br> </font></b> </body> </html>

Crizia Obeña</a><br><br> <img src="10.jpg" align="center" height="50" width="50"><br> <a href="cia.html" target="content">Geraldine Santos</a><br><br> </font></b> </center> </body> </html> V.html" target="content">Ella Mae Mula</a><br><br> <img src="13.html" target="content">Ma.jpg"><b><font face="berlin sans fb"><center> <img src="cia.jpg" align="center" height="50" width="50"><br> <a href="edilyn.jpg" align="center" height="50" width="50"><br> <a href="ella. <html> .html" target="content">Edilyn Bobiles</a><br><br> <img src="11.jpg" align="center" height="50" width="50"><br> <a href="criz.html" target="content">Alicia Rose Bie</a><br><br> <img src="edilyn.IV.jpg" align="center" height="50" width="50"><br> <a href="ghe. <html> <title>other links</title> <head><center><h1><font face="dutch & harley" color="navy">About Us </center></h1></font></head><br> <body background="pink.

Website. This includes definitions of different topics and lessons regarding html.Welcome to our website! This site is created for computer enthusiasts who want to learn more about html.jpg"><font face="viner hand itc" size="5"><b> <dl> <dt><font color="brown">Webpage</font> <dd><font color="purple">-->It is a document or information resource that is sustainable for the world wide web and can be accessed through a web browser and displayed on a monitor or mobile device. can also create their own websites in the future.&nbsp.jpeg"> <b><font face="comic sans ms" size="4"> &nbsp. A website is hosted on atleast one webserver. themselves.May this site be a useful source of knowledge so that the visitors.<title>home</title> <head><center><img src="0008.gif" width="500" height="100" ></center></head><hr><hr><br> <br><br><br> <body background="images7. Aside from that. accesible via a network through an internet address also called URL.<p> &nbsp. the creators also prepared fun and interactive activities for the visitors of this site.&nbsp.&nbsp. videos.</font> <dt><font color="brown">HTML</font> .</font></b> </body> </html> VI.&nbsp.&nbsp.&nbsp.&nbsp.HTML</center></h1></font></head><hr><hr> <body background="blue. There are ten <a href="element. <html> <title>Introduction</title> <head><center><h1><font face="showcard gothic" color="brown">Webpage. or other digital assets.&nbsp.html">elements of a webpage:</a></font> <dt><font color="brown">Website</font> <dd><font color="purple">-->It is a collection of related web pages containing images.

<html> <title>element</title> <head><h1><center><font face="gretoon highlight" color="blue"><img src="cute6. <dt><font color="red">horizontal rule</font> <dd>-inline images that displays line across the page to separate different sections.icons.<br><br> </font> </dl> </b> <hr><hr> <font face="forte" size="5"><a href="quizweb.jpg"> <b><font face="viner hand ITC" size="4"> <dl> <dt><font color="red">title</font> <dd>-displays the browser's title bar. <dt><font color="red">image map</font> .It is the name assigned to the page.bullet. <dt><font color="red">heading</font> <dd>-a larger size text usually bold or italic in style showing the different sections of a page. is a predominant markup language of webpages. <dt><font color="red">images</font> <dd>-graphics.<dd><font color="purple">-->It is defined as Hypertext Markup Language.gif" align="left" height="70" width="70"></h1></center></font></head><hr><hr> <body background="hi.line photos or pictures that are not part of the html file.html" target="content">Take a Quiz</a></font> </body> </html> VII.gif" align="right" height="70" width="70">Elements of a Webpage<img src="cute6.

elements.gif"><font color="teal" face="nickelodeon">Text Editor (NOTEPAD)</font><img src="133.There are several text editors that can be used in creating Html. <dt><font color="red">background</font> <dd>-the wallpaper of the webpage.These images are more attractive to the users.<dd>-a type of inline images that defines hotspots. <dt><font color="red">links</font> <dd>-text. <dt><font color="red">animated images</font> <dd>-inline images that include motion and animation.These are areas that activate functions when selected.&nbsp.It has many formats.&nbsp. Such editors are MicroSoft Word.and the most commonly used is the Notepad. or graphics that help the user to navigate more in the webpage. Wordpad.phrases.gif"><font face="georgia" color="brown" size="5"> &nbsp.</font><p> .<p> <img src="images element.html">Take a Quiz</a></font> </body> </html> VII.gif"></h1></marquee></head><hr><hr> <body background="love_25. <dt><font color="red">normal text</font> <dd>-the text that makes up tha main content of the webpage.&nbsp.jpg" align="center" height="900" width="600"> </dl></b> </font> <font color="red" face="forte" size="5"><a href="quiz. <dt><font color="red">body</font> <dd>-contains the information of the browser's window.&nbsp.It can be in paragraph form or bulleted list. <html> <title>Text Editor</title> <head><marquee behavior="alternate"><h1><img src="133.jpg" align="center" height="900" width="600"><p> <img src="images 2.

</font><hr> <center><font face="nickelodeon" color="teal" size="10">Parts Of The Notepad </font></center><br> <b><font face="georgia" color="brown" size="5"> <ul> <li> <li> <li> </ul> </b></font> <center><img src="notepad. The resulting files—typically saved with the . <li> Most tags comes in pair : the starting tag and the ending tag. <br>-Notepad is a common text-only (plain text) editor.<center><font face="nickelodeon" color="teal" size="10">Notepad</center></font> <br> <font face="georgia" color="brown" size="5"> -is a simple text editor for Microsoft Windows. <br>-It has no format tags or styles. It has been included in all versions of Microsoft Windows since Windows 1.html">Take a Quiz</a></font> </body> </html> .jpg" height="500" width="700"></center><hr> Main menu bar Scroll bar Text area <center><font face="nickelodeon" color="teal" size="10">Rules In Using Tags </font></center><br> <b><font face="georgia" color="brown" size="5"> <ul> <li>Each tag must be enclosed in < brackets >.text.txt extension.0 in 1985. </ul></b></font> <font color="red" face="forte" size="5"><a href="quiz. <li>You can use small or capital letters. making the program suitable for editing system files that are to be used in a DOS environment.

&nbsp.</font> </dl><p><a href="4basictags.&nbsp.</font> &nbsp. <dt><font face="blomster"color="blue"size="7">< HEAD>< /HEAD ></font> <dd><font face="bombfont trial"color="brown"size="5">-used to header information.&nbsp.</font> .&nbsp.</font> &nbsp. It is the beginning ang the end of the section of the document. The title is not dispaled in the body of the Webpage but on the title bar of the browser.&nbsp.FOUR BASIC TAGS&nbsp. <dt><font face="blomster"color="blue"size="7">< TITLE >< /TITLE ></font> <dd><font face="bombfont trial"color="brown"size="5">-indicates the beginning and the end of the title.&nbsp.&nbsp.gif" Height="50" width="50">&nbsp.jpg"> <dl> <dt><font face="blomster"color="blue"size="7">< HTML >< /HTML ></font> <dd><font face="bombfont trial"color="brown"size="5">-the beginning and the end of the HTML document.<img src="ciagnda.&nbsp. <dt><font face="blomster"color="blue"size="7">< BODY >< /BODY ></font> <dd><font face="bombfont trial"color="brown"size="5">-indicates the beginning and the end of the contents of the body of the Webpage.avi">play a video file</a> <center><font color="brown" face="Showcard Gothic"size="6">FORMATING TAGS</center></font><p> <dl> <dt><font face="blomster"color="blue"size="7">< br ></font> <dd><font face="bombfont trial"color="brown"size="5">-creates a line break.&nbsp.</font> &nbsp. <html> <title>Four Basic Tags</title> <head><b><h1><font color="brown" face="Showcard Gothic"><marquee behavior="alternate"><img src="ciagnda.gif" Height="50" width="50"></b></h1></font></marquee></head><hr><hr> <body background="images (10).IX.&nbsp.

(insert paragraph)<br> A friend makes you feel like you belong(break a line)<br> Even when life isolates you inside its walls.</font> <dt><font face="blomster"color="blue"size="7">< i >< /i ></font> <dd><font face="bombfont trial"color="brown"size="5">-italic text</font> <dt><font face="blomster"color="blue"size="7">< center > < /center ></font> <dd><font face="bombfont trial"color="brown"size="5">-center align</font><p> <center><font face="blomster"color="blue"size="7">ACTIVITY 1</center></font><p> <font face="bombfont trial"color="brown"size="6">Directions: Create a syntax using the data below:</font><p> <font face="bombfont trial"color="blue"size="5">TITLE:</font> <font face="bombfont trial"color="brown"size="5">Friends</font><p> <font face="bombfont trial"color="blue"size="5">HEADING:</font> <font face="bombfont trial"color="brown"size="5">What Friends Do (insert break)(24 in size)by Cristal Moonlight(18 in size)(insert 2 horizontal rule)</font><p> <font face="bombfont trial"color="blue"size="5">BODY:</font> <font face="bombfont trial"color="brown"size="5">No matter how sad you feel(break a line)<br> A friend makes your sadness heal. there is no need to distress(insert paragraph)<br> Friends give you an inner strength to help you battle life's mysterious ways.<dt><font face="blomster"color="blue"size="7">< p ></font> <dd><font face="bombfont trial"color="brown"size="5">-creates a paragraph.</font> <dt><font face="blomster"color="blue"size="7">< b >< /b ></font> <dd><font face="bombfont trial"color="brown"size="5">-defines a bold text.(insert paragraph)<br> Friends brighten up your days(break a line)<br> Friends chase those fears away(insert paragraph)<br> Friends help you through all the stress(break a line)<br> When a friend is around.(insert paragraph)<br> A friend is unique and forever true(break a line)<br> .(insert paragraph)<br> Just them being there is all it takes(break a line)<br> For all the hurt inside you to break.

the font used by default is the one which is set up as the default text font in your browser.<br> A friend is someone we treasure<br> for our friendship is a gift. Usually this is "Times New Roman".<br> And makes the whole world we live in<br> a better and happier place.html">Take a Quiz</a></font><p> </body> </html> X.A firend makes you smile anytime of the day(break a line)<br> That is what friends do they always brighten up your day.gif"></h1></marquee></head><hr><hr> <body background="floral. and grace. black color .gif"><font color="black" face="nickelodeon">The Font Element</font><img src="98.jpg"><b><font face="kristen itc"> <dt><font color="blue"size="6">Font Sizes</font> <dd><font color="purple"size="4">As you have seen in the previous lessons. joy. <html> <title>fonts</title> <head><marquee behavior="alternate"><h1><img src="98.<p> -Jean Kyler McManus-</font></center><hr><hr> <font color="red" face="forte" size="5"><a href="quizintags.<p> <center><font face="blomster"color="blue"size="7">ACTIVITY 2</center></font><p> <font face="bombfont trial"color="brown"size="6">Directions: Create a syntax using the poem below:</font><p> <center><font face="bombfont trial"color="blue"size="5">FRIENDS</font><p> <font face="bombfont trial"color="brown"size="5"> A friend is someone we turn to<br> when our spirits need a lift.<br> A friend is someone who fills our lives<br> with beauty.

i. "sans-serif". white.jpg"> . blue. "georgia". navy.</font><p> <font color="navy">Example:<br> < font color="navy" >text< /font ></font><br> <dt><font color="blue"size="6">Different Fonts</font> <dd><font color="purple"size="4">Fonts--> To change the font style from the default (Times New Roman) to a different style. green. "comic sans ms" and many more. cyan. red. The font face values are case-insensitive.and size 3. aqua. maroon. "cursive". "arial". simply add the attribute FACE to the opening FONT tag. silver. lime.</font><br> <font color="navy">Example:<br> < font face="monotype corsiva" >text< /font ></font></dl> </b></body> </html> XI. teal.</font><p> <font color="navy">Tags to be used:<br> < font color=”desired color”face=”desired font style”size=”desired size” > text < /font ></font><br> <dl> <dt><font color="blue"size="6">Font Colors</font> <dd><font color="purple"size="4">To change the text color you need to add the attribute COLOR to the opening FONT tag and assign it a value for the color. it doesn't matter whether you type "Arial" or "arial". As value for the FACE attribute you can use any specific font name such as "verdana". "bookman old style". To change the font size of the text on your webpages. olive. gray.e. "fantasy" and "monospace". purple. The color value can be any of the following 16 color names: black. fuchsia. See example below. <html> <title>bg</title> <body background="bg. you simply embed the text in the FONT element and add the SIZE attribute with a value between 1 (very small) and 7 (very big) to the opening font tag. yellow. Alternatively you may use generic font styles such as "serif".

&nbsp.&nbsp. direction is left)</font><p> <font face="elephant" size="6" color="black">BODY:</font> <font face="harrington" size="5" color="navy">(background image is teacher. <br><br><font face="green piloww" size="6" color="black">Tags to be used</font><br><img src="marquee. left or right automatically. The marquee tag is a non-standard HTML element which causes text to scroll up. down.jpg)(center)(font size is 20. face is verdana. <html> <title>Marquee</title> <head><h1><b><font color="blue" face="showcard gothic" size="7"><marquee behavior="alternate" direction="right"><img src="166. face is algerian)(marquee behavior is alternate.bmp" height="600" width="600"></center><p> <center><font face="elephant" size="7" color="black">ACTIVITY</center></font><p> <font face="harrington" size="6" color="navy">Directions: Create a syntax using the data below:</font><p> <font face="elephant" size="6" color="black">TITLE:</font> <font face="harrington" size="5" color="navy">Teacher</font><p> <font face="elephant" size="6" color="black">HEADING:</font> <font face="harrington" size="5" color="navy">Number One Teacher(center)(size 24)(bold)(font color is blue.</body> </html> XII.jpg"><br> <center><font face="elephant"color="black"size="7"> MARQUEE ATTRIBUTES</center></font><p> <center><img src="marquee1. color is red)<br> Thank you skillfull teacher(break a line)<br> for teaching me to be (break a line)<br> .&nbsp.gif" align="right" height="70" width="100"></h1></b></font></marquee></head><hr><hr> <body background="nature8.gif"><b><font face="elephant" size="7" color="black">What is Marquee?<br></font><font face="harrington" size="5" color="navy">&nbsp.&nbsp.gif" align="left" height="70" width="100">MARQUEE<img src="166.

a stronger.(break a line)<br> and lots of the stuff(insert paragraph)<br> Thank you.(insert paragraph)<br> Thank you number one teacher(break a line)<br> for acting like friend. </font><p> <dd><font color="red" size="5"><u>Sample picture of image:</u></font><p> <dd><img src="pooh2.gif" align="right" height="70" width="70"></center></h1></font></head><hr><hr> <body background="56555.html">Take a Quiz</a></font> </body> </html> XIII.gif" align="left" height="70"width="70">INSERTING IMAGES<img src="94.jpg" align="center" height="200" width="400"><p> <dt><h2><font color="blue" face="showcard gothic">What is an animated image?</h2></font> .(insert horizontal rule)<br> By Joanna Fuchs</font></center></b> <p> <font color="red" face="forte" size="5"><a href="qiuzmarquee. <html> <title>Images</title> <head><center><h1><font color="dark pink" face="gretoon highlight"><img src="94.(break a line)<br> lessons hard to comprehend.(break a line)<br> Thank you for caring. My Number One Teacher.(break a line)<br> And taking time to show me. smarter person(break a line)<br> academically.jpg"><h3> <dl> <dt><h2><font color="blue" face="showcard gothic">What is an image?</h2></font> <dd><font color="black" face="kristen itc">• In computer science an image is an exact replica of the contents of a storage device (a hard disk drive or CD-ROM for example) stored on a second storage device.

you need to use the src attribute.jpg" height="100" width="500"><p> <dt><h2><font color="blue" face="showcard gothic">How to add an Animated Images?</h2></font> <dd><font color="black" face="kristen itc">-->syntax for defining an animated image (. In particular. </font><p> <dd><font color="red" size="5"><u>Sample picture of animated images:</u></font><p> <dd><img src="cute6.gif" align="center" height="200" width="400"><p> <hr><hr> <dt><h2><font color="blue" face="showcard gothic">Tags to be used:</h2></font> <dd><font color="black" face="kristen itc"> -->the tag used in image:<br><img src="hun. a twirling icon or a banner with a hand that waves or letters that magically get larger. The value of the src attribute is the URL of the image you want to display.<dd><font color="black" face="kristen itc">• An animated GIF (Graphics Interchange Format) file is a graphic image on a Web page that moves . an animated GIF is a file in the Graphics Interchange Format specified as GIF89a that contains within the single file a set of images that are presented in a specified order. Src stands for "source".jpg" height="100" width="500"><p> .for example.jpg" height="100" width="500"><br>-->this tag is empty.</font> <hr><hr> <dt><h2><font color="blue" face="showcard gothic">Attributes in Inserting Images and Animated Images:</h2></font> <dd><font color="brown" face="elephant"><u><ol>SRC or SOURCE</u></ol></font><br> <dd><font color="black" face="kristen itc">-->to display an image on a page.</font><p> <dd>Example:<br><img src="opk. and has no closing tag. An animated GIF can loop endlessly (and it appears as though your document never finishes arriving) or it can present one or a few sequences and then stop the animation.</font><p> <dd>Example:<br><img src="yun.jpg" height="100" width="500"><p> <dd><font color="brown" face="elephant"><u><ol>Set the HEIGHT and WIDTH of an Image</u></ol></font><br> <dd><font color="black" face="kristen itc">-->the height and width attributes are used to specify the height and width of an image. which means that it contains attributes only.gif ):</font><p> <dd>Example:<br><img src="juk.

&nbsp.html">Take a Quiz</a></font> </body> </html> XIV. but embed is now considered the standard for inserting media.</font><p> <font face="showcard gothic" color="blue" size="6"> Tags to be used:</font><br><br> <font face="footlight mt light" color="navy" size="5"> &nbsp.&nbsp.file extension > </font><br> <font face="nickelodeon" color="brown" size="6"> Attributes of Html embed </font> <font face="footlight mt light" color="navy" size="5"> .gif"></marquee></h1></center></font></head><hr> <body background="blush.&nbsp.Sound is a mechanical wave that is an oscillation of pressure transmitted through a solid.&nbsp. or the sensation stimulated in organs of hearing by such vibrations.&nbsp.gif"> <img src="124. Below is an minimalist example of the embed tag using the src attribute to define the media file's location.Music is inserted onto a web page with the use of the embed tag.jpg"><b><font face="showcard gothic" color="blue" size="6">What is Sound?</font><br> <br><br><font face="footlight mt light" color="navy"size="5"> &nbsp.gif"><img src="124. <html> <title>Embedding sounds</title> <head><h1><center><font face="circus" color="brown"><marquee behavior="alternate" direction="right"><img src="124.&nbsp.<br><br> < embed src="name of the song. composed of frequencies within the range of hearing and of a level sufficiently strong to be heard.</dl> </h3> <font color="red" face="forte" size="5"><a href="quizonimages.&nbsp. There are other ways to link to music. or gas. liquid.&nbsp.gif">Embedding sounds<img src="124.

gif" height="100" width="70" align="left">Inserting Videos<img src="floatie160.mp3" hidden="false autoplay="true" ><br> < / body><br> < / html ></font><br><br><br></b> <img src="sound.&nbsp. height .Videos can be embedded into your html documents (web pages) two different ways.html">Take a Quiz</font></a> </body> </html> width . (Values are true/false) XV.png"> <h2><font face="constantia" color="red"><br>&nbsp. <html> <title>Videos</title> <head><center><font face="blomster" color="blue" size="7"><img src="floatie160.the width of the media player. One method is to use the < embed /> tag to .gif" height="100" width="70" align="right"></center></font></head><hr><hr> <body background="texture4.&nbsp.wma" hidden="false" autoplay="false"> <hr><hr> <font face="forte" size="6"><a href="quizsound.if this value is true then the media player will not be displayed.&nbsp.&nbsp.jpg" height="200" width="500"><br> <embed src="21 guns.the height of the media player hidden .<ol> <li> <li> <li> </ol> </font><hr> <font face="showcard gothic" color="blue" size="6">Example</font><br><br> <font face="footlight mt light" color="navy" size="5">< html ><br> < title >sounds < / title ><br> < body ><br> < embed src="21 guns.

In fact.&nbsp.display your media file. Values are true or false </tr> <tr> <td>hidden <td>controls whether or not the play/stop/pause embedded object is hidden or not.&nbsp. The embed tag does not require a closing tag. (0-100) </tr> <tr> <td>Autostart <td>controls the media's ability to start without prompting. Values are true or false. hidden. (Hide your embeded media if you just want background noise) </tr> <tr> <td>loop <td>A true value means the media will continuously loop.embed Attributes</font><br><h2><font face="constantia" color="green" >&nbsp. </h2></font><font face="georgia" color="brown" size="6"><br><br>HTML .&nbsp. A src attribute must be defined by the correct URL (local or global) in order for the video file to be displayed correctly. false means no looping </tr> <td>playcount . it works much like the image tag. autostart.&nbsp.</h2></font><br> <font face="constantia" color="yellow" size="3"><table border="1"> <tr> <th>Attributes <th>Description </tr> <tr> <td>volume <td>set a numeric value for the loudness of your media. and loop.There are some unique attributes available to the < embed / > tag including: volume.

mov files <br>. <li>.are Apple's Quick Time Movie format. <li>. such as a play button </tr> </table></font><hr><hr><br><font face="constantia" color="green" size="6"><b>HTML.video media file types</b></font> <font face="constantia" color="blue" size="5"><h3><ul> <li> .<td>Setting a playcount means the media will repeat itself x number of times instead of continuously as with the loop attribute above. (playcount="2" will repeat the video twice) </tr> <tr> <td>height <td>sets the height of the video player </tr> <tr> <td>width <td>sets the width of the video player </tr> <tr> <td>autoplay <td>If present.jpg"><br> . <li>.mpeg files <br>.are Microsoft's Window's Media Video file types.swf files<br> .wmv files <br>. controls will be displayed.set the standard for compression movie files created by the Moving Pictures Expert Group.are the file types created by Macromedia's Flash program. then the video will start playing as soon as it is ready </tr> <tr> <td>controls <td>If present.</h3></font> <font face="constantia" color="green" size="6"><b><br>The < embed > Tag </b></ font><br><br>Example:<br><img src="video.

">Play a video File</a> <hr><hr> <font face="forte" size="6"><a href="quizvideos.jpg"><font face="comic sans ms"><b> <dl> <dt><font color="purple"size="6">HYPERLINK</font> <dd><font color="brown"size="4">-can simply be called "link"</font> <dd><font color="brown"size="4">-is used to connect different webpages of different websites or web servers anywhere in the world.gif"align="right"height="70"width="70"></center></h1></head><hr><hr> <body background="retro.</font> </dl><p> <center><font color="red"face="blomster"size="6">Four Types of Links</font></center><p> <dl> <dt><font color="purple"size="5">a.<a href="embed video.</font></dl><p> <font color="purple"size="6">TAG TO BE USED:</font><br> <img src="links1. Links to other HTML documents</font> . Links to E-mail</font> <dd><font color="brown"size="4">-this link allows the visitors to contact the web developer for comments and additional information regarding the web page.gif"align="left"height="70"width="70"><center><font color="purple"face="blomster"><b>LINKS</b></font><img src="114. This can be done by just one click. <html> <title>Links</title> <head><h1><img src="114.bmp"><br> <dl> <dt><font color="purple"size="5">b.html">Take a Quiz</font></a> </body> </html> XVI.

bmp"><p> <font color="purple"face="blomster"size="6">ACTIVITY 1</font><br> <font face="comic sans ms"color="red"size="5">General Instruction: Create a syntax using the data below:</font><br> <font face="comic sans ms"color="purple"size="4">HEAD:</font> <font face="comic sans ms"color="brown"size="4">Different Examples of Webpages (18 in size)(font color is maroon.bmp"><br> <dl> <dt><font color="purple"size="5">c.</font> <dd><font color="brown"size="4">-before you can link different HTML documents. there must be different HTML documents created</font></dl><br><br> <font color="purple"size="6">TAG TO BE USED:</font><br> <img src="links2. Links to other websites</font> <dd><font color="brown"size="4">-the created page will automatically link to the other website.<dd><font color="brown"size="4">-linking is very effective on the website that consists of multiple pages. face is Bookman Old Style)(must be center)(marquee bahavior is scroll)(insert horizontal rule)</font><p> <font face="comic sans ms"color="purple"size="4">TITLE:</font> <font face="comic sans ms"color="brown"size="4">html link</font><p> <font face="comic sans ms"color="purple"size="4">BODY:</font> .bmp"><br> <dl> <dt><font color="purple"size="5">d. Imagelink</font> <dd><font color="brown"size="4">-it is used as a linking tool in connecting to another webpage or websites</font> </dl><br><br> <font color="purple"size="6">TAG TO BE USED:</font><br> <img src="links4.</font></dl><br><br> <font color="purple"size="6">TAG TO BE USED:</font><br> <img src="links3.

com)</font><p> <font color="purple"face="blomster"size="6">ACTIVITY 3</font><p> <font face="comic sans ms"color="purple"size="4">HEAD:</font> <font face="comic sans ms"color="brown"size="4">(Add 2 images. face is papyrus. just click the link below: (font color is green. height is 100. this will be mailed to apps_ac@yahoo. face is castellar)(insert break)<br> Example A (break a line)<br> Example B (break a line)<br> Example C (break a line)</font><p> <font face="comic sans ms"color="purple"size="4">NOTE:</font> <font face="comic sans ms"color="brown"size="4">Use link to other html file<br> Example A filename is 1.<font face="comic sans ms"color="brown"size="4">To view the different examples of html document or webpages. width is 100. the name of images are 13. face is castellar)(must be center)(marquee behavior of text and image is alternate.html</font><p> <font color="purple"face="blomster"size="6">ACTIVITY 2</font><p> <font face="comic sans ms"color="purple"size="4">TITLE:</font> <font face="comic sans ms"color="brown"size="4">EXAMPLE</font><p> <font face="comic sans ms"color="purple"size="4">HEAD:</font> <font face="comic sans ms"color="brown"size="4">FEEDBACK (must be 24 in size)(font color is blue.gif)YOUR FEED BACK(24 in size)(font color is green.gif and 22.gif)(insert horizontal rule)</font><p> <font face="comic sans ms"color="purple"size="4">BODY:</font> <font face="comic sans ms"color="brown"size="4">For your comments and suggestions. size is 6)(break)(use email link. name of image are 10. alignments are left and right. click the link below: (font color is red.html<br> Example C filename is 3. face is comic sans)(must be center)(marquee behavior is alternate)(insert horizontal rule)</font><p> <font face="comic sans ms"color="purple"size="4">TITLE:</font> <font face="comic sans ms"color="brown"size="4">email link</font><p> <font face="comic sans ms"color="purple"size="4">BODY:</font> .html<br> Example B filename is 2.

<font face="comic sans ms"color="brown"size="4">(background color is yellow) For your comments and suggestions.html">Take a Quiz </b></font></a> </body> </html> XVII.gif" align="left" height="70" width="100">LISTS<img src="89.com)<p><hr><hr> <font face="forte" size="6"><a href="quizlink. this will be mailed to comments@yahoo. numbered or printed without bullets and numbers.gif" align="right" height="70" width="100"></h1></b></font></marquee></head><hr><hr> <body background="1. <br> Lists can also be used to indent information. face is papyrus. Lists can be bulleted.jpg"><font face="gretoon" color="brown"size="6"> What is LIST?? </font> <font face="bookman old style" color="indigo" size="5"><ul> <li> <li> Lists are often used to present information in an easy to read fashion. </ul></font><br> <font face="gretoon" color="brown"size="6">Different types of List in HTML </font> <dl> <font color="brown" face="gretoon"size="6"><dt>Ordered List: </font> . size is 6) Click here (use email link.<br> <li> It should also be noted that in any type of list. click the link below:(break)(font color is red. <html> <title>LISTS</title> <head><h1><b><font color="brown" face="gretoon"><marquee behavior="alternate" direction="right"><img src="89. you can still use the line break and paragraph tags and normal text mark-up tags to emphasize text etc.

</font> </dl><hr><hr> <center><font color="brown" face="gretoon"size="6">Tags </font></center> <br> <font color="indigo" face="gretoon"size="6">Ordered List</font><br> <img src="ol.<font face="bookman old style" color="indigo" size="5"><dd>It is a numbered list where the numbers are in order beginning with no. <dd>•The definition text is typically indented with respect to the term.jpg" height="500" width="1000"><br> </font> <font color="brown" face="gretoon"size="6">Unordered List</font><br> <img src="ul.jpg" height="500" width="1000"><br> <hr> .jpg" height="500" width="1000"><br> <font color="indigo" face="gretoon"size="6">Definition List </font><br> <img src="dd. <dd>• Definition lists are typically formatted with the term on the left with the definition following on the right or on the next line. 1 <br> <font color="brown" face="gretoon"size="6"><dt>Unordered List:</font> <font face="bookman old style" color="indigo" size="5"><dd>It is a bulleted list </font><br> <font color="brown" face="gretoon"size="6"><dt>Definition List:</font> <font face="bookman old style" color="indigo" size="5"><dd>• A definition list is a list of terms and corresponding definitions.

Broken-Heart.The Fray<br> 4. for summaries <br></font><p> <center><font color="brown" face="gretoon"size="7">ACTIVITY L</center></font><p> <font face="bookman old style" color="indigo" size="6">Direction: Create an ordered list using the data below</font><p> <font color="brown" face="gretoon"size="6">TITLE:</font> <font face="bookman old style" color="indigo" size="5">Favorite Top 10 Songs</font><p> <font color="brown" face="gretoon"size="6">HEAD:</font> <font face="bookman old style" color="indigo" size="5">(must be bold. Congratulations. I Hate You. If You Ever Come Back. <br> • Ordered list are numbered list so it includes a step by step procedure. How to Save a Life. center)(24 in size)(font face is papyrus)Top 10 Favorite Songs(insert 2 line breaks)</font><p> <font color="brown" face="gretoon"size="6">BODY:</font> <font face="bookman old style" color="indigo" size="5">(background color is blue)<br> 1.Good Charlotte<br> .Paramore<br> 5.Taking Back Sundays<br> 8. This Photograph is Proof.<br> • Unordered lists are bulleted list so it is use or choices. When It Rains.Alesana<br> 7.The Script<br> 3.One Republic<br> 6. The World is Black. you can still use the line break and paragraph tags and normal text mark-up tags to emphasize text etc. Secrets.Motion City Soundtrack<br> 2.<center><font color="brown" face="gretoon"size="6">TIPS </font></center><br> <font face="bookman old style" color="indigo" size="5">In any type of list.

bold)(18 in size)<br> -Feeling Sorry<br> -Turn It Off<br> -Where the Line Overlaps<br> -Careful<br> -Lookin Up<br> -Ignorance<br> -The Only Exception<br> -Playing God<br> -Brick By Boring Brick<br> -Misguided Ghost<br> -All I Wanted<br> . Second Chance. Shadow of the Day.Faber Drive<br> 10.Linkin Park </font><p> <center><font color="brown" face="gretoon"size="7">ACTIVITY M</center></font><p> <font face="bookman old style" color="indigo" size="6">Direction: Create an unordered list using the data below</font><p> <font color="brown" face="gretoon"size="6">TITLE:</font> <font face="bookman old style" color="indigo" size="5">Album and Songs</font><p> <font color="brown" face="gretoon"size="6">HEAD:</font> <font face="bookman old style" color="indigo" size="5">(must be center. bold)(24 in size)(font face is goudy stout.9. color is violet) Album and Songs(insert 2 line breaks)</font><p> <font color="brown" face="gretoon"size="6">BODY:</font> <font face="bookman old style" color="indigo" size="5">(background color is pink)(must be center.

<html> <title>tables</title> .</font> <center><font color="brown" face="gretoon"size="7">ACTIVITY N</center></font><p> <font face="bookman old style" color="indigo" size="6">Direction: Create a definition list using the data below</font><p> <font color="brown" face="gretoon"size="6">TITLE:</font> <font face="bookman old style" color="indigo" size="5">Subjects</font><p> <font color="brown" face="gretoon"size="6">HEAD:</font> <font face="bookman old style" color="indigo" size="5">(must be center.An area of knowledge that is an object of study<br> -Knowledge covering general truths<br> Mathematics.The operation and relation between numbers<br> <hr><hr> <font face="forte" size="6"><a href="listquiz.The science of numbers<br> .html">Take a Quiz</font></a> </body> </html> XVIII.The commonly used language<br> -Language of United States and British<br> Science. bold)(24 in size)(font face is verdana)Subjects with Meaning(insert 2 line breaks)</font><p> <font color="brown" face="gretoon"size="6">BODY:</font> <font face="bookman old style" color="indigo" size="5">(background color is yellow)<br> English.

&nbsp. images.&nbsp.into rows and columns of cells.With the cell spacing and cell padding attributes.jpg" height="500" width="1000"><br> </font> <font face="gretoon" color="blue" size="4">Cell Spacing and Cell Padding</font><br> <font face="tempus sans itc" color="purple" size="6">&nbsp.gif" align="right" height="70" width="70"></h1></font></marquee></head><hr> <body background="ji. form fields.</font><p> <font face="harry p" color="red" size="7">Tags to be used:</font><br> <img src="tab. while the padding represents the distance between the cell borders and the content within.&nbsp.The HTML table model allows authors to arrange data -.&nbsp.&nbsp.&nbsp.gif" align="left" height="70" width="70">Creating Tables<img src="151.&nbsp. -.text.&nbsp. other tables.gif"><font face="harry p" color="red" size="7">What are tables?</font><br> <font face="tempus sans itc" color="purple" size="6"> &nbsp.</font><br> <font face="gretoon" color="blue" size="4">Cell padding</font><br> <center><table border="1" cellspacing="10"><caption>Daily Allowance</caption> <tr> <th>day</th> <th>amount</th> </tr> <tr> <td>monday</td> <td>40. Spacing defines the width of the border. links.00</td> </ tr> </table><br></center> <font face="gretoon" color="blue" size="4">Cell Spacing</font><br> <center><table border="1" cellpadding="10"><caption>Daily Allowance</caption> . forms. etc.<head><h1><font face="harry p" color="green"><marquee behavior="alternate" direction="right"><img src="151. you will be able to adjust the white space on your table. preformatted text.

00</td> </ tr> </table><br></center> <font face="harry p" color="red" size="7">Example</font><br> <center> <table border="1"> <caption>Daily Allowance</caption> <tr> <th>day</th> <th>amount</th> </tr> <tr> <td>monday</td> <td>40.<tr> <th>day</th> <th>amount</th> </tr> <tr> <td>monday</td> <td>40.00</td> </tr> <tr> <td>wednesday</td> .00</td> </ tr> </tr> <tr> <td>tuesday</td> <td>40.

With the cellpadding and cellspacing attributes you will be able to adjust the white space on your tables.. be aware that backgrounds are not limited to the <table> tag.html">Take a Quiz</font></a> .. </font> </dl></font> <hr><hr> <font face="forte" size="6"><a href="quiztable.Tables can be given backgrounds using the bgcolor attribute.00</td> </tr> <tr> <td>friday</td> <td>55.The < tr > tag must always be placed before the <t d > tag..</font> <dd><font face="tempus sans itc" color="purple" size="6">. It may seem a bit complicated.. while padding represents the distance between cell borders and thecontent within.The examples above show good form for organizing the table code. Also. you can also give separate backgrounds to < td > and < tr > tags. Spacing defines the width of the border.<td>60.00</td> </tr> <tr> <td>thursday</td> <td>45.</font> <dd><font face="tempus sans itc" color="purple" size="6">. but if you keep everything organized it will be much easier to manage down the road..Cell Padding and Spacing</font> <dd><font face="tempus sans itc" color="purple" size="6">.00</td> </tr> </table> </center> <dl> <dt><font face="harry p" color="red" size="7"><center>Tips on Creating Tables</font></center><br> <dd><font face="tempus sans itc" color="purple" size="6">.</font> <dd><font face="tempus sans itc" color="purple" size="6">.

&nbsp.points to the url which the form submission is sent<br><br><b>Method</b><br>. etc.<br>.<br><font color="indigo" face="harrington" size="5"><b>Value</b></font><br>-the text you give as value will be displayed by default in the text box.<br><font color="indigo" face="harrington" size="5"><b>Name</b></font><br>-gives a name to the field and used to identify the field on the server slide.the form's data is added to the body of the form.It holds all of the elements such as text boxes and submmit buttons.tells the browser that a single line text input box should be created.Used to collect and process information inputted by the user. <br><font color="indigo" face="harrington" size="5"><b>Text</b><br>.</body> </html> XIX.<br>.It is used to pass data to a server. Examples are checkboxes. simple text boxes.gif" size="align="right" height="70" width="100"></h1></center></b></font></head><hr><hr> <body background="89899.gif"><b><center><font face="matura mt script capitals"color="red"size="6">Form</center></font><br><font color="green" face="harrington" size="5">It is a container tag<br>. &nbsp.specifies how to send form data<br><br><b>Get</b><br>.</b><hr><hr> . through its controls.jpg"><hr><font color="red" face="matura mt script capitals" size="6"><center>Form Attributes</font></center><font color="indigo" face="harrington" size="5"><b>Action</b><br>.gif" size="align="left' height="70" width="100">All About Forms<img src="119. <html> <title>Forms</title> <head><h1><center><b><font face="harry p" color="blue"><img src="119. etc.the form's data is added to the URL defined in the action attribute<br><br><b>Post</b><br>.<br><b>Maxlength</b></font><font color="indigo" face="harrington" size="5"><br>-specifies the maximum number of characters the user can enter into a text box.</font><br>Example:<br><img src="forms3. <font color="blue" face="harrington" size="5">You can have different types of input elements in a form. &nbsp. &nbsp.</font><hr><center><font color="red" face="matura mt script capitals" size="6">Adding Forms</font></center><br><br><font color="red" face="harrington" size="5"><b>The Form Input Elements</font></b><br>&nbsp. radio buttons.

png"><h3> <dl> <dt><h2><font color="blue" face="showcard gothic">What is radio buttons?</h2></font> <dd><font color="black" face="kristen itc">-->A radio button or option button is a type of graphical user interface element that allows the user to choose only one of a predefined set of options. </font><br> <dd><font color="black" face="kristen itc">-->If more options are to be allowed at the same time you should use check boxes instead.</font><br> <dd><font color="black" face="kristen itc">-->Radio buttons are used when you want to let the visitor select one .<font face="forte" size="6"><a href="quizform.option from a set of alternatives.gif" align="right" height="70"width="70"></center></h1></font></head><hr><hr> <body background="texture3.and just one . <html> <title>Radio Buttons</title> <head><center><h1><font color="brown" face="gretoon highlight"><img src="27. </font><p> <dd><font color="teal" size="5"><u>Sample picture of radio buttons</u></font><p> <dd><img src="radiobuttons.jpg" height="100" width="500"></font><br> <dd><font color="black" face="kristen itc">-->is used to display a radio button.jpg" align="center" height="200" width="400"><br> <hr><hr> <dt><h2><font color="blue" face="showcard gothic">Tags to be used:</h2></font> <dd><font color="black" face="kristen itc"><img src="oink.html">Take a Quiz</font></a></body> </html> XX. </font><br><hr><hr> <dt><h2><font color="blue" face="showcard gothic">different attributes used:</h2></font> <dd><font color="brown" face="algerian">TYPE </font><br> .gif" align="left" height="70"width="70">RADIO BUTTONS<img src="27.

That is. Only one radio button in each group may be checked.html">EXAMPLE 1</a></font> <dd><font color="black" face="nickelodeon"><a href="example2. All radio buttons within a group must share the same name.html">EXAMPLE 2</a></font><hr><hr> <dt><h2><font color="blue" face="showcard gothic">tips:</h2></font> <dd><font color="black" face="kristen itc">-->You should display your web page in several browsers to see how each one renders your page. Use the same name for all of the radio buttons in each group. this way the user is limited to exactly one option in the group. none of the others in that group should have a value of red.<dd><font color="black" face="kristen itc">-->the TYPE attribute takes the value "radio" when used to create a radio button. the value of the name attribute should be the same. all three radio buttons in the "Preferred Color" group have name="preferred color". For example. as this would defeat the purpose of having the extra radio button. For example. </font><p> <dd><font color="brown" face="algerian">checked</font><br> <dd><font color="black" face="kristen itc">-->the CHECKED attribute indicates which radio button should be selected when the page is first loaded.</font><br> <dd><font color="black" face="kristen itc">b. </font><br> .</font><br><hr><hr> <dt><h2><font color="blue" face="showcard gothic">importance:</h2></font> <dd><font color="black" face="kristen itc">a.</font><hr><hr> <dt><h2><font color="blue" face="showcard gothic">examples:</h2></font> <dd><font color="black" face="nickelodeon"><a href="example1. if one radio button has value="red". </font><p> <dd><font color="brown" face="algerian">value</font><br> <dd><font color="black" face="kristen itc">-->used the VALUE attribute to distinguish between the different radio buttons in a group. All radio buttons within a group should have a different value for the value attribute. The CHECKED attribute does not take a value.</font><p> <dd><font color="brown" face="algerian">NAME</font><br> <dd><font color="black" face="kristen itc">-->the author of the form assigns a value to the NAME attribute.

html">Take a Quiz</font></a> </body> </html> XXI. <li>A caption describing the meaning of the checkbox is normally shown adjacent to the checkbox. checkboxes are shown on the screen as a square box that can contain white space.</font><p> </dl> </h3> <hr><hr> <font face="forte" size="6"><a href="quizradio. The value attribute is used by the form handler.gif" hieght="150" width="150"></h1></font></b></marquee></head><hr><hr> <title>Checkboxes</title> <body background="criz.jpg" hieght="400" width="500"></center><br><br> . The "label" for each radio button is determined by the text next to the radio button (not the value attributes). <html> <head><marquee behavior="alternate" direction="left"><h1><font face="snap ITC" color="teal"><b><img src="119.jpg"> <center><b><font face="snap ITC" color="brown"size="6">What is Checkbox?</font></b></center> <font face="georgia" color="olive"size="5"> <ul><li>Checkbox is a graphical user interface element that permits the user to make multiple selections from a number of options <li>Normally.<dd><font color="black" face="kristen itc">c.gif" hieght="150" width="150">Checkboxes<img src="119. </ul> </font><br> <center><b><font face="snap ITC" color="brown"size="6">Tags to be Used</font></b></center> <center><img src="checkboxtags.

jpg"></center> <center><img src="cb2.jpg"></center><br> <hr><br> <center><b><font face="snap ITC" color="red"size="6">Sample Output</font></b></center> <center><img src="output1. Simply set the checked attribute to ”yes ”or ”no.<center><b><font face="snap ITC" color="brown"size="6">Attributes for Checkboxes</font></b></center><br> <dl> <dt><b><u><font face="georgia" color="violet" size="5">NAME</font></u></b> <dd><font face="georgia" color="brown" size="5">The name setting adds an internal name to the field so the program that handles the form can identify the fields.</font> <dt><b><u><font face="georgia" color="violet" size="5">VALUE</font></u></b> <dd><font face="georgia" color="brown" size="5">The value setting defines what will be submitted if checked.html">Take a Quiz</font></a> </body> </html> .</font> <dt><b><u><font face="georgia" color="violet" size="5">CHECKED</font></u></b> <dd><font face="georgia" color="brown" size="5">It is possible to pre check the input boxes for your viewers using the checked attribute.” </font> </dl><hr> <center><img src="cb1.jpg"</center> <hr><hr> <font face="forte" size="6"><a href="quizcheck.

<html> <title>select/option</title> <head><marquee behavior="alternate"><font color="purple"face="blomster"><center><h1><u><img src="cool. </ul><br><br> <center><font color="purple"face="blomster"size="6">ATTRIBUTES</center></font> <table border="1"> <tr> <td><font color="navy"face="blomster"size="4">Attribute</font> <td><font color="navy"face="blomster"size="4">Value</font> <td><font color="navy"face="blomster"size="4">Description</font> </tr> <tr> <td><font color="navy"face="snap itc"size="4">Disabled</font> <td><font color="green"face="snap itc"size="4">Disabled</font> <td><font color="navy"face="snap itc"size="4">Specifies that an option should be disabled</font> </tr> <tr> <td><font color="navy"face="snap itc"size="4">Label</font> <td><font color="navy"face="snap itc"size="4">text</font> <td><font color="navy"face="snap itc"size="4">Specifies a shorter label for an option</font> </tr> .gif"></font></center></h1></u></marquee></head><hr><hr> <body background="blush.XXII.jpg"><font face="snap itc"color="navy"size="5"> <ul> <li>The < option > tag defines an option in a select list.gif">SELECT/OPTION TAG<img src="cool. <li>The option element goes inside the select element.

gif" align="right" height="70" width="70">Two Special Buttons<br><img src="143.The data is send to the page specified.bmp"></center> <hr><hr> <font face="forte" size="6"><a href="quizselect. <html> <title>two special buttons</title> <head><h1><center><font face="dutch & harley" color="brown"><img src="143.html">Take a Quiz</font></a> </body> </html> XXIII.</font> .gif"><font face="berlin sans fb demi"> <dl> <dt><hr><font color="navy" size="6">Submit</font> <dd><font color="light blue" size="5">-used to send form data to a server.<tr> <td><font color="navy"face="snap itc"size="4">Selected</font> <td><font color="navy"face="snap itc"size="4">Selected</font> <td><font color="navy"face="snap itc"size="4">Specifies that an option should be selected by default</font> </tr> <tr> <td><font color="navy"face="snap itc"size="4">Value</font> <td><font color="navy"face="snap itc"size="4">text</font> <td><font color="navy"face="snap itc"size="4">Specifies the value to be sent to a server when a form is submitted</font> </tr> </table><br><br> <center><u><font color="purple"face="blomster"size="6">EXAMPLE</center></u></font><br> <center><img src="select.gif" align="left"height="70" width="70">Submit and Reset Button</h1></center></font></head> <body background="surfaces.

</td></tr> <tr> <td>Value</td> <td>defines what is written on the button</td></tr> <tr> <td>Align</td> <td>-defines how the button is aligned<br> .&nbsp.&nbsp.</font> <dt><font color="navy" size="6">Tags to be used:</font> <dd><font color="light blue" size="5">< input type="reset" ><br> </dl></font><hr> <font color="light blue" size="5"><center> <table border="1"> <caption><font color="navy" size="6">Attributes to be used:</caption> <tr> <th><font color="red" size="5">attribute<font color="red" size="5"></th> <th><font color="red" size="5">descriptions<font color="red" size="5"></th> </tr> <tr> <td>Name</td> <td>adds an internal name.<dt><font color="navy" size="6">Tags to be used:</font> <dd><font color="light blue" size="5">< form > < input type="submit" ><br> <dd>&nbsp.-->help us to send information <dd>< form action"url" method="get"></font> </body> </html ><hr> <dt><font color="navy" size="6">Reset</font> <dd><font color="light blue" size="5">-exist to reset the field of your form.These are handy for very large forms and the user is having difficulty.&nbsp.

button) </td> </tr> <tr> <td>Tab Index</td> <td>defines in which order the different fields should be activated when the visitor clicks the tab key.png"><h3> <dl> <dt><h2><font color="blue" face="showcard gothic">What is search box?</h2></font> <dd><font color="black" face="kristen itc">-->A search box or search field is a common GUI element of computer programs. the contents of which are to be searched for in a database. left.html">Take a Quiz</font></a> </body> </html> XXIV. top.</td></tr></table></center> </font> <hr><hr> <font face="forte" size="6"><a href="quizspecial.-etries are(middle. </font><br> <dd><font color="black" face="kristen itc">-->It is commonly coupled with a search button (sometimes indicated only by a magnifying glass symbol).right. especially in file and web browsers and on web sites.gif" align="left" height="70"width="70">SEARCH BOX<img src="98. </font><p> .gif" align="right" height="70"width="70"></center></h1></font></head><hr><hr> <body background="texture4. <html> <title>Search box</title> <head><center><h1><font color="brown" face="gretoon highlight"><img src="98. button. </font><br> <dd><font color="black" face="kristen itc">-->It is basically a type of text box.

jpg"><b><font color="navy"face="comic sans ms"size="4"> . "q" is for google search.html">Take a Quiz</font></a> </body> </html> XXV.jpg" align="center" height="100" width="400"><p><hr><hr> <dt><h2><font color="blue" face="showcard gothic">Tags to be used for:</h2></font> <dd><font color="teal" face="kristen itc"><u>Google Search</font></u><p><img src="q.</font><p><hr><hr> </h3> <hr><hr> <font face="forte" size="6"><a href="quizsearch.jpg" height="100" width="600"><p> <hr><hr> <dt><h2><font color="blue" face="showcard gothic">Attributes:</h2></font> <dd><font color="red" face="elephant"><u>TYPE</u></font><p> <dd><font color="black" face="kristen itc">-->tells the browser what kind of input it's looking.jpg" height="100" width="600"><p> <dd><font color="teal" face="kristen itc"><u>Wikipedia Search</font></u><p><img src="search.<dd><font color="teal" size="5"><u>Sample picture of search box:</u></font><p> <dd><img src="search3.jpg" height="100" width="600"><p> <dd><font color="teal" face="kristen itc"><u>Yahoo Search</font></u><p><img src="p. "p" for yahoo search and "search" for wikipedia search. <html> <title>Frameset</title> <head><marquee behavior="alternate"><h1><b><u><font color="navy"face="gretoon"><img src="163.gif">CREATING FRAMES<img src="163. For example.</font><p> <dd><font color="red" face="elephant"><u>NAME</u></font><p> <dd><font color="black" face="kristen itc">-->the name that the search box will recognize.gif"></font></u></b></h1></marquee></head><hr><hr> <body background="56555.

</font> <dt><font face="comic sans ms"size="5">COLS</font> <dd><font face="comic sans ms"size="4">Defines a number and size of the vertical frames to create. <li>A frame document is similar to regular HTML document. <dl></b></font><br><br> <font color="navy"face="nickelodeon"size="7"><center><u>EXAMPLE OF FRAMES</u></center></font><br> <font color="navy"face="gretoon"size="5">SAMPLE SYNTAX FOR FINAL WEBSITE:</font> <br> <img src="frame1. each of which appears as a separate HTML document.jpg"><br><br> <img src="frame2.jpg"></center><br><br> <font color="navy"face="nickelodeon"size="7">ATTRIBUTES</font><br> <dl><b><font color="navy"> <dt><font face="gretoon highlight"size="5">ROWS</font> <dd><font face="comic sans ms"size="4">Defines a number and size of the horizontal frames to create. <li>Frames are used to divide the screen into two or more web pages and simultaneously display their contents in a single browser window. <ul></b></font><br> <center><img src="frameset.</b></font></dl><br><br> <font color="navy"face="nickelodeon"size="7"><center><u>< FRAME ></u></font></center><br> <dl><b><font color="navy"> <dt><font face="comic sans ms"size="5">SRC</font> <dd><font face="comic sans ms"size="4">Defines location and filename for frame contents.</font> <dt><font face="comic sans ms"size="5">NAME</font> <dd><font face="comic sans ms"size="4">Defines frame name reference by hyperlinks.<ul> <li>Frames divide the browser window into parts.jpg"> </font> <hr><hr> .

<li>A frame document is similar to regular HTML document. <ul></b></font><br> <center><img src="frameset. <li>Frames are used to divide the screen into two or more web pages and simultaneously display their contents in a single browser window.<font face="forte" size="6"><a href="quizframes.gif">CREATING FRAMES<img src="163.html">Take a Quiz</font></a> </body> </html> XXVI.jpg"><b><font color="navy"face="comic sans ms"size="4"> <ul> <li>Frames divide the browser window into parts.jpg"></center><br><br> <font color="navy"face="nickelodeon"size="7">ATTRIBUTES</font><br> <dl><b><font color="navy"> <dt><font face="gretoon highlight"size="5">ROWS</font> <dd><font face="comic sans ms"size="4">Defines a number and size of the horizontal frames to create.</font> <dt><font face="comic sans ms"size="5">COLS</font> <dd><font face="comic sans ms"size="4">Defines a number and size of the vertical frames to create. each of which appears as a separate HTML document. <html> <title>Frameset</title> <head><marquee behavior="alternate"><h1><b><u><font color="navy"face="gretoon"><img src="163.</b></font></dl><br><br> <font color="navy"face="nickelodeon"size="7"><center><u>< FRAME ></u></font></center><br> <dl><b><font color="navy"> .gif"></font></u></b></h1></marquee></head><hr><hr> <body background="56555.

<html> <title>comments</title> <head><center><h1><font face="circus" color="navy">For comments and suggestions</font><h1></center> </body></head><hr> <body background="cia.png"height="300" width="500"><font face="kristen itc" size="3"> <form action="gerham_17@yahoo.com"method="get"> Name:<input type="text" name="first name" size="25" maxlength="50"><br><br> Age:<input type="text" name="age" size="2" maxlength="2"><br><br> GENDER:<br> <input type="radio" name="group1" value=“Male” checked > Male<br> <input type="radio" name="group1" value=“Female" > Female<br><br> Address:<input type="text" name="address"size="50" maxlength="60"><br><br> .html">Take a Quiz</font></a> </body> </html> XXVII.<dt><font face="comic sans ms"size="5">SRC</font> <dd><font face="comic sans ms"size="4">Defines location and filename for frame contents.jpg"> </font> <hr><hr> <font face="forte" size="6"><a href="quizframes.jpg"><br><br> <img src="frame2. <dl></b></font><br><br> <font color="navy"face="nickelodeon"size="7"><center><u>EXAMPLE OF FRAMES</u></center></font><br> <font color="navy"face="gretoon"size="5">SAMPLE SYNTAX FOR FINAL WEBSITE:</font> <br> <img src="frame1.</font> <dt><font face="comic sans ms"size="5">NAME</font> <dd><font face="comic sans ms"size="4">Defines frame name reference by hyperlinks.

E-mail:<input type="text" name="E-mail"size="50" maxlength="60"><br><br> Birthday:<select> <option>january</option> <option>february</option> <option>march</option> <option>june</option> <option>july</option> <option>august</option> <option>september</option> <option>october</option> <option>november</option> <option>december</option> </select> <select> <option>01</option> <option>02</option> <option>03</option> <option>04</option> <option>05</option> <option>06</option> <option>07</option> <option>08</option> <option>09</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> <option>14</option> <option>15</option> .

<option>16</option> <option>17</option> <option>18</option> <option>19</option> <option>20</option> <option>21</option> <option>22</option> <option>23</option> <option>24</option> <option>25</option> <option>26</option> <option>27</option> <option>28</option> <option>29</option> <option>30</option> <option>31</option> </select> <select> <option>1980</option> <option>1981</option> <option>1982</option> <option>1983</option> <option>1984</option> <option>1985</option> <option>1986</option> <option>1987</option> <option>1988</option> <option>1989</option> <option>1990</option> .

Is our website a user-friendly?<br> <input type="radio" name="group1" value=“yes” checked > yes<br> <input type="radio" name="group1" value=“no" >no<br> <input type="radio" name="group1" value=“not so" >not so<br> <input type="radio" name="group1" value=“maybe" >maybe<br><br> &nbsp.Is our website an educational site?<br> <input type="radio" name="group1" value=“yes” checked > yes<br> .&nbsp.&nbsp.<option>1991</option> <option>1992</option> <option>1993</option> <option>1994</option> <option>1995</option> <option>1996</option> <option>1997</option> <option>1998</option> <option>1999</option> <option>2000</option> <option>2001</option> <option>2002</option> <option>2003</option> <option>2004</option> <option>2005</option> <option>2006</option> <option>2007</option> <option>2008</option> <option>2009</option> <option>2010</option> <option>2011</option> </select><br><br> &nbsp.&nbsp.&nbsp.&nbsp.&nbsp.

What part do you like most?<br> <input type="checkbox" name="group1" value="home">home<br> <input type="checkbox" name="group1" value=“navigation" >navigation<br> <input type="checkbox" name="group1" value=“other links" >other links<br> <input type="checkbox" name="group1" value=“resources" >resources<br> <input type="checkbox" name="group1" value=“contacts" >contacts<br> <input type="checkbox" name="group1" value=“banner" >banner<br><br> Comments and Suggestions<br> <textarea cols="50" rows="10" wrap="hard"></textarea><br><br> <input type="submit"> <input type="reset"> </form></font></center> </body> </html> .&nbsp.&nbsp.<input type="radio" name="group1" value=“no" >no<br> <input type="radio" name="group1" value=“not so" >not so<br> <input type="radio" name="group1" value=“maybe" >maybe<br><br> &nbsp.&nbsp.

0390709 /9 -7 .0/3 5.3.-7-7  287..709.7010/3 929.439039/34-08.

.3.7010. 5.0390709 /9 -7 .709. 929.0:.439039...-7-7  287.

7.709. 5.-7-7  287..439039.3. -0N.0390709 /9 -7 .7 929..701.

 5./30$.3.709.-7-7  287.7010 929..3948.0390709 /9 -7 .43903907.

.-7-7  .

1439.

- .

.03907 .

-4/ .

92  '  92 .

990420.

  1/9 09 .990 0./.03907287.

03907..

:801:84:7.9 90.845705.89478  90280..90/147.70.3/08843870.90814790.732470.3/3907.425:907039:8..74:3/2..:/08/013943841/1107039945.39940.894784198890 5 3-85 3-85 3-85 3-85 3-85.990.98890-0.70.0./77-7 -7-7-7 -4/-.420944:70-890%88908.8.7/392 8/0 17429.70/1:3..70.-4:992 %83..8984 .3.041340/0849.0.8.9.08 .84.9478.0.90907430-89083901:9:70 .382880 3-85 3-85 3-85 3-85 3-850.42.08 50 -14391.9.

1439.

- .

-4/ .

92  '  92 9903974/:.943.

084.0390714391./..447-7430-5.990 0..7/49.0  0-890 %..

03907..

.

1439.

3/9.0.447-7430-5.0.307...74:3/-:0 514391.0./77 -4/-.80- / /91439.

0..0/43.1439 //1439.4475:750 98.3-0...3/.:20394731472.09.70903 .701002039 92002039841.988:89.2439474724-0/0.3.0-5.3//85.0 %070./4..9437084:7.-01479047//0 0-.0880/974:.0--74807.

..

447-7430-890.1439 /91439.

90. .0/&# .30947974:.4475:750 98..90/0-5.894300-807./048 474907/9.88098 0-89084890/43..07 .33907309.40..08 ...439.08-0.//7088.1439 //1439.84 .332..08.9434170.

1439 /91439.447-743%.

1439 .

8507909.7:5.3:.570/423.08 -7-7 .4475:750 98/0130/.0 8.//1439.392.0 410-5.7:5.3:.

1439 .

/ .

01479080.- 77 14391.0.":.709..439039%.7016:0- 929.

..

1439 .

-4/ .

92  '  92 990002039.

447-:0287..07094439.379 09 /9 02039841.0287.0390714391.:90 1.0-5.990 0.:90 1..301909  /9 ../.

.

.03907.

1439.

..74:3/ 5 -14391.44770/990.0.3/%80 / /91439.0./77 -4/-.307.

44770/0.1439 // /85.20.8830/94905.7 98903./3.890-74807 8990-.0  /91439.

70780909:8:.5.1439 // .44770/47439..389084390/110703980.7:0..-4/479.0  /91439.943841.

9/85.089.094805.44770/2.1439 // 3302.7488905.9438  /91439..830.90/110703980.08.7.

9:7089.438 -:09 3054948475.703495.5.44770/2.5.02.1439 // 7.8 .7941909210  /91439.9.

1439 .

..70.909.9/013084985498 %080.90/  /91439.9.70.950413302.44770/3472.901:3.89.089.9.943803800.// .

.3..92.51472 47-:090/89  /91439.0 9.98 9.1439 // 909099.3-035.2.7.82.31472.74:3/.08:59.43903941900-5.44770/-.7.

44770/-4/.0  /91439.50741900-5.5.1439 // 90.

389031472.08.9434190-74807 83/4  /91439.439.32.44770/.90/2.1439 // .

9.09490:8078  /91439.44770/38.:/024943.93.943 %0802.702470.32.1439 // 3302.08.3/.997..089.

08 5.89.5.2.3.90590:807943.0390709 /9  .9024703900-5.0390709 /9 5 287..3.1439 // 909 57.08002039 5..0 5 287.2.808 477.

/.

- .

44770/1.7016: 0020398 92%.0.01479080..":.1439 1439.

..

1439 .

-4/ .

92  '  92 990%09/947.

.04/043%09 /947  %! ../2.90287.44790.990 0.9073. 11439.03.47.76:00-0.1.

 1.1439287.

.

76:00.2.

9392 $:.0047.70./ .74$41947/ 47/5.0.07./77 -4/-.42243:80/8904905.3-0:80/3. 0/9478.70.447-74380 3-85 3-85 3-85 3-85 3-85%070../ .9.74:3/4...0* 114391..9090/94789.7080.3/902489.

14395  .

.44790.03.0390714391./.80 4905.04/043..

.03907.

8341472.-01470/93889021089.0/990 99 0903843  -7 9.7484193/48 9..:/0/3.9.8.99.28:9.3909 0/947 %0708:93108 95..7094-0:80/3 .7432039 .8-0033.0047...42243909 43 5./8..1439-7 14391..0 3/48 3  -7 4905.447-74380 8.3905747.8478908 2.07843841.7484193/4883.82509090/947147. $03.

.44790.80 !.03.04/043.0390714391./.798 1%04905.14397 .

1439.

.447-74380 :    .03907-7 -14391.0047...

: .

-.

/ 509 /9 .03907287.34905.1439 .

03.04/043.0390714391.8..039077  ..80 #:083&83%.44790.

1439.

3/9003/39.0047..480/3-7.3:8082...2:89-003...03907-7 -14391.8..9.7939.  ..47.59.447-74380 : .79089..099078  4899.098  4:.420835.

:.

-.

1439 1439.44770/1.0..7016: 909 92%.":.01479080.

..

1439 .

-4/ .

74-.92  .70.7 $. .3203:-.7 %09.

8.  92 9904:7.%.8.

.3/. 109 /9  3-85 3-85 3-85 &#$ %$ 3-85 3-85 3-85287.2./-1439..0$4.990 0.902 87..47.76:00-0.7/49.. 109  /9 .447-7431..3/..9073..

-.

.

1439.

2.76:00.

74:3/2.08  5 / /914391.0...0-428907./77 -4/-.447-:080%.

%.

:2039 ..1439 //14391.3/9003/4190% /4.0-42-143997..447-74380 90-0333.

0-428907.447-:080..1439 3-85 3-85 3-85 /914391.

.

1439 //14391.943 9890-0333./0731472.:2039 .0-42-143997.447-74380 :80/940..3 9003/419080.9434190/4..

0-428907.447-:080%%..1439 3-85 3-85 3-85 /914391.

%%.

447-74380 3/.74190-74807 .1439 //14391...0-42-143997.3/9003/4190990 %0 9908349/85.0-:94390990-.0/390-4/41900-5.90890-0333..

1439 3-85 3-85 3-85 /914391..447-:080 .0-428907.

 .

447-74380 3/..0-42-143997.0 .90890-0333...4390398 4190-4/41900-5.1439 //14391.3/9003/4190.

1439 .

./0410.9.5.8..8 ..701-./5.

..039071439..0$4. .80 #%%$.7/49.447-7431.

03907..

0-428907.447-:080-7..14395 / /914391.

 .1439 //14391..30-70.447-74380 .70..0-42-143997.908.

1439 .

.447-:0805./914391.0-428907.

70..1439 //14391..5.7.908.7.0-42-143997.5 .447-74380 .

1439 /914391.0-428907.447-:080-..

-.

.-4/909 .1439 //14391.447-74380 /01308.0-42-143997..

1439 /914391..0-428907.447-:080.

.

.1439 //14391...909.0-42-143997.447-74380 9.

03907.447-:080.1439 /914391.0-428907..

.03907.

03907.0-42-143997..447-74380 .1439 //14391..3.

.447-:080%'%.0-428907.14395 .0390714391.

.03907.

 -04.943870.:8390/.447-7438070.14395 14391.839.9..90..0-42-143997.

14395 14391...447-:080%%.0-42-143997.

.0-42-143997..1439 14391.447-74380703/8.

14395 14391..0-42-143997..447-:080.

9703/84 38079-70. 4439 380 3807947439.0-42-143997. 380 -789..447-74380.7:0 .1439 14391..

..447-:080 .14395 14391.0-42-143997.

 380795.7.7.3330789703994054:-...447-7438042.5 -7 1703/8:36:0.7.99.7.7.5 -7 703/8054:974:.9084:38/098.78.7.8 380795.7.30 -7 03.08 -70.90897088 -70.30 -7 1703/2.1703/8.30 -7 47.7.5 -7 703/8.7.3/1470.084:78.5 -7 703/8-7903:54:7/.7..5 -7 :89902-0390708.04:. 380795.0-42-143997..30 -7 .74:3/ 9070834300/94/897088 380795.990748.7..0797:0 -70.8 -70./4:100 -70..8 380795.5 -7 1703/2.7.1439 14391. 380795./30880.80948010.....90:7938/04:94-70.03031084.99010 8289074:8.30 -7 703/8.084:10004:-043 -70.30 -7 .

98. 5 . -70.0390714391..30 -7 %.0-428907.1703/2.447-:080%'%.91703/8/490.8-7903:54:7/.084:820...39204190/.

03907..

90.943870..0-42-143997.447-7438070.839.:83905402 -04.14395 14391..

.447-:080#$.14395 ..0-42-143997.0390714391.

08-7 9-0...0-42-143997.55075.0 -7 3/2.-09907.08904047/0.:9 4 ...19 -7 1703/884204300970.8:70-7 1474:71703/858..3:8 .3/.307.0 5 0.3/7.14395 14391.19 -7 1703/884204304184:7.03-7 .447-74380 1703/8842043009:7394-7 034:785798300/.

1439.

8 92%.44770/1.01479080..0..0390777 1439.":.7016:39.

..

14395 .

-4/ .

92    92 99014398.

990 0. 11439.76:00-0..447-.9073../2.47.04/043%0 43902039.90287.1..03.

 1.1439287.

.

2.76:00.

0.447-:080439$08. /91439.. 5-14391..0789039./77 -4/-.74:3/147.

3 -..988%2080#42.447 .:9890 430.4:8088438 901439:80/-/01.890/01.08003390570.:9909143934:7-74807 &8:..8809:5.4475:7508084:.1439 //1439..

08 4:82502-0/90909390 % 002039.250-04 ..:0-09003 .07- 9490450331439 9.3/80 %4.3/ .997-:909.0782.. $000.30901439804190909434:70-5..//90$. .3/..

%.447 1.14395 1439.894-0:80/-7 1439..447 /0870/..4473.0 /0870/1439890 80 /0870/80 909.

1439.

1439-7 / /91439.447-:0804394478.

//90.8839..3/.447 3.3-0.8. 2..4475:75080%4.:014790..3 20 4.4474:300/94. . 8..  90. ..0 3.208-.447...:0. .341901443.997-:90  #9490 45033 %9.6:..447 %0.7443 70/ -:0 7003 04 5:750 1:.07 90 7..3090909.1439 //1439.

..250-7 1439.4473.909..14395 1439.4473.

1439.

1439-7 /91439.447-:08011070394398.

:800307.8 .7.3828 .70..3/2.4475:750804398 %4. .04:2.07/..3850.997-:90949045033 %9.42.1439 //1439.//90.1.0 1. -442. 8.8.32470 9073.208:.88071 8.3.:78.0  0 9/4083 92.3:80..8.997-:904: .0.9..:014790.14393...3/243485. .47 .990709074:9507.143989088:..39.38 8071 ..3 94 ..:9 %2080#42.80 380389.30901439890174290/01.7./1107039890 825.0 %014391.:08. 047.34/890 .

909....478.4473..250-7 14391.02434950.1439-7 1439.

1439.

1439.

/ .

-.

-4/ .

92    92 990-.

74:3/- 5 .990 -4/-..

.

-4/ .

76:00.92    92 990.

37909  /9 .301909 /9 #"&287. 1.90/70... 1 .94379287.7/49./-1439.447-:0 1.47.76:00-0.802..084.9073.990 0.

.

-.

1439.

76:00.2.

/77 -4/-..98 .9:70 1-14391.3980.74:3/3.447-..0.76:00-7..0005..

8..74:5 /43 0194779 ..7/%002039.343 89.070035480.143914391.:942..%...77394380.447-.894-0 :80/.:808909948. 3-85 3-85 3-85 3-85 3-85  %02..0..3/.4473.76:009. -7-714391.9.

76:00 5-7 .2...1439-7287.39.0005.80#"&%%#&%$.447-.0390714391.

.03907.

2.76:00 -2509 /9 .14395 .03907287.

%'%.039075 .0390714391...3980.447-..0005.

.03907.

70.77394380..4473.943870.:8390/.0.-04..90.9.839.14395 14391.

0005.14395 14391.447-.%%..3980..

..77394380..4473.07.1439 14391.%0.0.

.14395 14391.447-..3980.0005..

478.3 2.90 /70.76:00-0.9073.0..03907 80 -4/ 1439.77394380.4478-:0  1.:2-07 30%0.07...1439 14391.9438019 ..08.4473.07 ..

 ..0005.14395 14391.447-..3980.

..1439 14391.30 -7 14790.30 -7 .447870/ -7 %.32094-0 -70..0..03907 1439808 1.77394380.3. . -...4473..34:81:90..0 8.07 -70.74:3/2..07/.07 5 .0890.

.5 -7 %.9301703/ -70.7:0 -7 4..30 -7 3/9.30 -7 088438.34:147.3/498419089:11 380795.07 -70...34: :2-07 30%0.:.30 -7 147.5 -7 %.7.73 -70.8.7/94....33.7..8974307 82..30 -7 %..7..07 3807947439.7.4257003/ -70../02. 380795.7907507843 -70..34:3:2-0743090.30 -7 .30 -7 .3920948420 -70..

1439.

03907..

76:00 92%.7016:2.01479080.0.-5 1439.":.44770/1..

..

1439 .

-4/ .

92    92 9902.08.

7531.990 0.3019 09 /9 $#%$287.07094439287.37909  /9 .039071439../. 1.447/. 1.

03907..

.

1439.

.32.7/49...74:3/ 5 / /91439.0./77 -4/-..98.0.447-:01.084.

.

0.0/0.0 .047 # 1470.32.0/0.250 89470/43.43/8947.. 8947.4190.1439 //1439.80..439039841.0789039.9705..425:9078.7//8/7.3 0.447-...08..W3.1.03.0 ..

0.44770/80:$.2505.14395 //1439.9:70412.

:.

3.0390709 /9 5 /91439.7/49.084.0..98.14395 //287.90/2.3.447-:01..544 5.32..

.

1439 .

3/903894590.3/9.83907.439.08 1470.5.79.30472.9.924.9.38939083010.250 .10/47/07  3.3570803943047.09.3.973.1.9 850.83907..:203930..90/8.9..W3.30472...9 108.0713808.3 479 .344503/088 .850.0 9.5.550.4347.0-5.3/9.707 35..77.08.32.943 .7057080390/3.0789039.32.103907.92.33079.089.809412..:.10/.7.78.7 .10806:03.5.894:4:7/4.//1439.32..-. 2.447-..32.043.0847 0990789.90/ 7..90/.8.9.

44770/80:$.9:7041.90/2.2505.14395 //1439.32.08.

:.

894-0:80/..14395 //287.%.0390709 /9 5 77 /91439.447-:01.084...:90 1.3.7/49.

.

. .:80/32.38.0-7287. 909.389.:3 509 /9 -7 989.4839.3/.99.439.1439 //1439.997-:90843 ..0789039.1.80259 . 20.834.447-.

084.08.447-:01.08.3/32.7/49.90/ 2..997-:90833807932..1439 77 /91439.

.

39:4$#47$ &#.1439 //1439..447-7431.0005.

:.

4.

3994/85.04:.:0419087.3/814784:7.0789039..447-.997-:90890&#41902. 94/85.1.89.5.32.0 4:300/94:809087...1439-7 //1439. ..043..0 %0..997-:90  $7.

250-7287.3/%41.447-7431..45 509 /9 5 //1439.0005.0.3 2.39:4$0990%.14395 //.

:.

4.

.19009 .3//941.32.0789039.1439-7 //1439.1.447-.997-:908. 9009..70:80/94850.3//9.0 .

447-:01.//..:3 509 /9 5 /91439.14395 //..08.250-7287.332.084.90/2.7/49.494.

.

32.3.147/0133.1.447-.90/2... 839.0 1 .0789039.1439 //1439.

14395 //.250-7287.: 509 /9 5 .

.

/ .

 1439.44770/1.7016:432..01479080.08 92%.0.":.

..

1439 .

-4/ .

92  '  92 9902-0//384:3/8.

.:8. 1.. 12 87.0390714391.9073.0.447-7432.76:00-0./.47.94379287.990 0. 12-0//384:3/8287.7. 1287.90 /70.

2.76:00.

.

.03907.

1439.

7/49.447-:080.084..74:3/-:8 5-14391....0./7 -4/-.98 $4:3/.

8 .9438 .08:11..039 8974394-00..-7.1439-7-7-714391..4473..9434157088:7097..3/41.84/ 6:/ 47.3.73-8:.014499299..38410.348..0.0893907.943892:.09.98.30410.20.90/347.73.7/ 47908038..382990/ 974:.80 3-85 3-85 3-85 3-85 3-85$4:3/8.425480/411706:03.

894-0:80/..14395 14391..7/49.084.447-:080 %..

10 8 4.014499299..204190843 100903843 .438/070/9089.8380790/4394.1439-7-7 14391.997-:9094/01309020/.250419002-0/9.. -:902-0/834. 048.0-5.4473.890.3/.. %070.:839087..943 -7-7 02-0/87.80 3-85 3-85 3-85 3-85 3-85:8.704907.7/147380793 20/.3.0990:8041 9002-0/9.3232.8943942:8.

1439-7 14391..04/043.447-74380 997-:908419202-0/.03.

014499299.4473..80 .1439 14391..

4    .

4 .

447-:080.084..250..7/49..14397 14391.

1439-7-7 14391.8092-7 99084:3/8.4473...014499299.

990-7 -4/-7 02-0/87.:38 25//031.97:0-7 .80.:945.

-4/-7 .

92.

1439-7-7-7.

//031.":.:38 2.0..80.:945.01479080.- 287.7016:84:3/ 92%.80 77 14391.1.84:3/ 509 /9 -7 02-0/87.

1439.

 ..

-4/ .

92  '  92 990'/048.

14.90 109 /9  .0-428907.990 0..0390714391.3019380793'/048287./.90 109  /9 .447-:080287.379.14.

.03907.

1439.

3-002-0//0/ 3944:792/4.0.39..44770/-7 3-85 3-85 3-85 3-85 3-85'/048.08 94/1107039..:20398 0-5.4389..8  302094/894:809002-0/./77 -4/-..74:3/909:70 53 14391.0.

5.94 /9 90/9419020/.9.07349-0/85..:0897:09039020/.:08.0/  '.07 //03 198.7097:0.07  09 9009419020/.5.5.

80  .1.

997-:902:89-0/0130/-90..0/.0 9.4:720/.0902.4839.9 ./041094-0 /85. 347/0714790.10 %002-0/9. 87.4770./408349706:70.9&# 4.474-. 31...4770..9 94782:./85.

.

143914391..0047..447-74380-7-7% 02-0/ 997-:908.

.4477003  3-85 3-85 3-85 3-85 3-85%070.4389.708420:36:0.1439-714391.997-:908..-0949002-0/..39...0.

9.4:20 .:9489.:/3. 3.79 //03 .3/445 .

.

44704809.39.-0-47/07 97 9997-:908 908..75943 ..1439-7 14391.0.4389.

4:20 9/809.    .:0147904:/3088414:720/.97 97 9/..3:207..

4397489020/.79 9/.7097:0471.-99489.97 97 9/:9489. 8.80 .7994:95742593 '.:08.

.97 97 9///03 9/.439748090747349905.

8945.

98//0347349 '.14::89.:8002-0//0/4-0..74:3/3480  .7097:0471.5.39-.80  /04:702-0/0/20/.:08.

8020.:020.38344453 .389020/.97 97 9/445 9/97:0...4393:4:8445 1.

97 9/5..4:39 .

9/$0993.0  ..389020/.-4.4:397050.89 90445.0  5.997-:90..7050./049.990.5.4:3920.998013:2-074192083890.4393:4:8./41.

/045.97 97 9/09 9/809890094190.07 .

/045.07 .97 97 9//9 9/809890/94190.

/ . 9/15708039 90390.3.:945.97 97 9/./0489.88443.795.89870.

439748-0/85.5.439748 9/15708039 .-:9943 .8.97 97 9/.0/ 8:..

97 .

-0.9.

.143977-714391./0420/..10 9508.447700380-% .4389.0.39.

-.

0108.748419 83/4 80/.108-7 .7420/.70.447-:080:  81108-7 .9   250108-7 8099089..70.1439 14391.70550 8":.2   2.3!..70.108-7 .39.7090109508.01472.90/-.'/04109508   24.85747.9:7085079 74:5 .0.%204.7/147.4389.3/.42570884324.. 8.90/-904.

.

4389.447700380--7%0 02-0/%...39.0..1439 14391.

-.

250-7287..1439-7-7./04 5-7 .

/040..70102-0/../04 !..

 77 14391.../048 92%.":.7016:.0.01479080.

1439.

 ..

-4/ .

92  '  92 99038.

4475:7501.039071439 ..0-428907-$./287.990 0. 1.301909 /9 .

-.

37909 /9 .14392 87. 1.

.03907.

.

74:3/70974 514391.0..0.42.3828- / /91439.8.4475:75080!#../77 -4/-.

..447-74380 .0/3.3825-0.1439 //1439.

9/11070390-5.307039047/ %8.447-74380 8:80/94. ..3-0/430-:89430.1439 //1439..078 .4330.0841/11070390-8908470-807.

1439 .

44770/1.0-428907804:7%5084138.039071439./5 ..

1439.

.039075 / /91439. 3894 2..4475:75080.

447-74380 983.439..1439 //1439.4220398 .31472.7/3900-5.//943.8947894.94370.04507147.0 .9900-/0.3/.4890.

1439.

4475:75080%% &$./5 1439.

38 -25-7 / /91439.4475:75080- 38944907%/4.:20398.1439-7 287.

1439 .

043900-8909.9.//1439.438898412:950 5.070110.447-74380 338.9.08 .

:20398.33/1107039%/4.70.:20398 90702:89-0/1107039 %/4.447-74380 -014704:..1439 //1439.90/.

1439.

/-7-7 1439.4475:75080%% &$.

1439-7 287.38 -25-7 / /91439. 389449070-8908.4475:75080.

.447-74380 90.394904907 0-890 .90/5.1439 //1439.:942.70.0.9.

1439.

4475:75080%% &$./-7-7 1439.

03.4475:75080/ 2.38 -25-7 / /91439.1439-7 287.

9394.8.1439 //1439.047 0-8908.339443.4330.349070-5.447-74380 98:80/.

1439 .

/-7-7 1439.4475:75080%% &$.

38 -255 1439.1439-7 287..4475:7501.0-42890780%'%.

:8390/.94370.3828.9. -04.42.1439-7 14391.3897:.44770/800307.8.839.90.0..

4475:75080.8..0.42.1439-7 14391.3828.

0.4788.08 380 1439..42.76:00-.4478 2. 7:0 ...3828.1439 14391.447-743801107039.03907 2.2508410-5.74 3807947439.7443 1.3 /$90 2:89-0.08442.8..

8.0..14395 14391.42.3828.4475:75080%%.

.42.8.3828.1439 14391.447-74380923.0.

4475:75080 .42.8.14395 14391.0.3828..

1439 .

.. -7 .42.090/11070390..44787003 1.08 :89.250 -70.250 -70.890.25084192/4.30 ...250 -70.8.7 38079-70.:203947 0-5..447-74380%4.30 -7 ..3828.0.14391.903-04 1439.30 -7 .08.

3828.14395 14391.0.8.4475:75080 %..42.

208 92-7 .208 92..208 92-7 .42.0.1439 14391.3828.250103.8.250103.250103.447-74380&8039449079210-7 .

4475:7501..14395 1439.0-42890780%'%.

8.14395 14391.4475:75080%%.3828..0.42.

8.0.447-74380!.1439 14391.42.3828..

42.0..14395 14391.4475:75080.3828.8.

70 1.20412.8.1439 14391.08 .3/2..4741909.3/  1 3807947439.7 2:89-0..447-74380 2:89-0380 1439..0.76:00-0.0.4478-:0 1..03907 2.9073.7:0 .42.3828.08.90 3.890.

42.8.14395 14391.0.4475:75080 .3828..

0/94 ....3/8:089438 .3828.42.1439 14391.903-04 1439.57:8 808 -70. :8002.085..3 98-02..8.44 .0.447870/ 1.4220398.42 .447-74380474:7.558*.

14395 1439.4475:7501..0-42890780%'%.

3828.4475:75080.14395 14391.42.8.0..

478.08.0.3828..08.7:0 . 8.03907 2.447-74380 //2.9073.1439 14391.3/79098  /98 903..44787003 1.70019.08 .20412.38 2:89-0.90 3807947439.8..320398.76:00-0.70 1  &# 380 1439.42.42.

42.14395 14391..0.8.4475:75080%%.3828.

1439 14391.8.42.0.3828.3.447-7438002..

.8.4475:75080 .14395 14391.42.3828.0.

1439 .

 1439..74:3/..3828.0/94..085.8..": .42.0.44 .42 577 14391.0.7016:3 92%.57:8 808 .01479080.4220398.14391.070 :8002.4220398.447-74380 -.3/ 8:089438 ..447804 474:7.3  98-02.447870/ 1.903-04 -70.

-.

1439.

. .

-4/ .

92  '  92 990$%$.

. 1.94379287.90/70.37909  /9 .447-743 1./-1439. 1.47.07094432.301909  /9 $%$287.990 0.9073..76:00-0.

.

-.

1439.

2.76:00.

.98$%..0709443.74:3/ 514391./77 -4/-.447-74380 .0.

1439 14391.59.30.34/890..3/ 3472.8.9433.84-0:80/943/03931472.9092.389:809030-70.894025.84-03490/9.4473/480:   898./1.7041903:80/94570803931472..39504189 4:.3/5.7.3/3:2-078 -7  984:/..  .93.943 898.3-0-:090/ 3:2-070/4757390/94:9-:098 ..7 :59.843 -7 898.7..89470.3.0-442.8090909.

:.

447-743801107039950841893%.0709443..1439-7 14391.

447-743 1.070944380/9 7/070/89..1439 / 1439.

1439 .

0-442.14391.447-743 1..3:2-070/89070903:2-078.703 47/07-0333934  -7 1439.34/890.070944380/9&347/070/89.4473/480//98..

1439 14391.-:090/89..4473/480//98.34/890.0-442.

070944380/901394389.447-743 1..1439-7 1439.

990/99090724390019990/0139431443439079 47439030930  //W%0/013943909895.1472.1439 14391.3/ .47708543/3/0139438  //W013943898...4473/480//W/013943898.34/890..994909072 .894190728.0-442.3/0390/970850.7095.

1439 .

039071439.8./77  ..447-743 1.070944380%.

1439.

4473/4 1..03907 -7 1439.070944380 7/070/89..

4 509 /9 -7 .1439-7 287.

.070944380&347/070/89.447-743 1.1439 1439.

07094438001394389.: 509 /9 -7 1439.4473/4 1..1439-7 287.

// 509 /9 -7 7  .1439-7 287.

039071439...070944380%!$.447-743 1.

1439.

703:2-070/898493.34/890.9092.708-7..389:809030-70.4..8905-8905574.3/ 5.:/08.8.4473/4803.894025.59..03907-7  14391.7.39504189 4:.70-:090/898498:8047.0/:70 -7 W &347/070/898. -7 W 7/070/89..0-442.7.8090909.08 1478:22.7 :59.3/3472.

447-743 1.039071439.14395 .070944380%'%..

03907..

9.4473/48070.34/890.90.347/070/89:8390/..94370.14395 14391. -04.0-442.

14395 1439.447-743 1.070944380%%..

0-442.4790%45 $438.4473/480.1439 14391...34/890.

070944380.447-743 1..14395 1439.

4790$438 3807930-70.57:8 %45 .08 5..0-442.03907 380 14391..4473/480 2:89-0-4/ .8 ..34/890.1439 14391.

14395 1439.447-743 1..070944380 .

 %0$.9438 .10 %07.. 44/.9:.38 !.0-442..-7  437.759-7  494$.8-7  %047/8.-7  039#.4473/480 -..3.34/890.-7  %8!4947.74:3/..58!7441 %.79 49439$4:3/97..-7  14:.1439 14391...2470-7  $0.$:3/.4478-:0 -7  7403 0.7.74990-7 .07420.904: 08.3.7098  30#05:-.0.

3. $0.0 .7 .43/.0-7  $. 33!.-077./44190.

447-743 1.070944380%'%.14395 ..039071439.

.03907.

14395 14391. -04.0-442.34/890.90..9.94370.4473/48070.3:347/070/89:8390/.

447-743 1.070944380%%..14395 1439.

34/890.4473/480-:2.1439 14391..0-442.3/$438.

447-743 1.14395 1439..070944380.

8 .4478..084:/ 894:9 .03907 -4/ 380 14391..409 -:2.34/890.1439 14391.3/$438 3807930-70.4473/480 2:89-0.0-442.

447-743 1..14395 1439.070944380 .

447853 2:89-0.4737.34/890.0-442.4473/480 -.1439 14391.390/-7 .3.58-7 .0-7 %0 3.34/-7 7.701:-7 443&5-7 347..74:3/..03907 -4/  380 -7 003$477-7 %:739 11-7 0709030 .07.-7 8:/0/489-7 .05943-7 !.

.

039071439.070944380%'%..447-743 1.1439 .

03907..

14395 14391..0-442.9.34/890./01394389:8390/.4473/48070.94370. -04.90.

447-743 1.070944380%%.14395 1439..

34/890..98.1439 14391.4473/480$:-0.0-442.

.070944380.447-743 1.14395 1439.

4473/480 2:89-0.3.08 .9890.34/890.0-442..03907 -4/ 380 14391.07/. $:-0.33 3807930-70..8 .1439 14391.

070944380 ..447-743 1.14395 1439.

4473/480 -.70.3:.01479080..3:.41340/09..03.3/798-7 $.902.447804 -7 38 %0.0730307.9.42243:80/.041&390/$9.03.943.0 3.34/890.97:98-7 .":..98.34-0.1439 14391.908.3/70.94189:/-7 340/0.0-7 .74:3/.0-442.4.0.0413:2-078-7 %04507.943-090033:2-078-7 77 14391.701896: 92%.8 %08.

1439.

 ..

-4/ .

-08.92  '  92 9909.

990 .

301909 /9 70.76:00-0. 1.775.93%..90/70.943792 87.47. 1.0..-08287.44770032.379 09 /9 .9073./14391.0.

.

1439.

76:00.2.

.775.9.0.44770/80.-08./7 -4/-..0.709.74:3/ 114391.

-08 09.30/..09025:88.1439-7 14391.4475:75080 3-85 3-85 3-85 3-85 3-85%0%9.08 .08 38 14728 147210/8 49079.990/909 2.4:23841 .:947894.-024/0..3/.48.389.9.77. 909  5701472.  394748.

0..775.44770/80%.14395 14391.894-0:80/.

9.1439-7 287.- 509 /9 -7 .

.//3.447-:0800$5.1439 14391.3.0709443.3/0!..

1439-7 14391.0-47/078.0 85./:89909085.3/90.-094.3/..//3705708039890/89.3.439039 93 ..3/01308 90/94190-47/07 0905.//3..4475:75080 3-85 3-85 3-85 3-85 3-85990.3.997-:908 4:-0.09025:88.0-0900390.05..-0 $5.0434:79..389.

//3.1439-7 14391.0709443.447-:08005..

3 .5943.1439-7 ..085.4.-0-47/07.039079..3.0.

5943 97 9/....

9 9.24:39.

9 .

97 97 9/243/..

9/ 9/ .

9/ .

97 .

-0-7.9.

3..447-:0800$5.0709443..03907 14391..

//3 ..-0-47/07.0.039079.4.5943.3.1439-7 .05.

.5943 ..

97 9/..

9 9.24:39.

9 .

97 97 9/243/..

9/ 9/ .

9/ .

97 .

9.-0-7.

03907  14391.775.0.250...44770/80.

4.3.0.-0-47/07 .1439-7 .5943.03907 9..

.5943 97 9/...

24:39.9 9.

9 .

97 97 9/243/..

9/ 9/ .

9/ .

97 .

.97 97 9/9:08/.

9/ 9/ .

9/ .

.97 97 9/0/308/.

9/ .

9/ .

9/ .

97 97 9/9:78/..

9/ 9/ .

9/ .

.97 97 9/17/.

9/ 9/ .

9/ .

97 .

-0 .9.

.93%.775..0.-08.03907%584370.03907 / /914391.44770/80.

1439.

74:3/8..7.09025:88.90-..84. 4:.9-.-09.709..-08...8 .3.03907-7 //14391...3-0..74:3/8:8390 -.03-.997-:90 84 -0..389.4475:75080  %.74:3/8949/.447.3/979.70349290/94909.0 805.

.09025:88.389.2:89.4475:75080  %0979..1439 //14391.8-05. .0/-0147090 9/9...

425.-0.8002.389.079347.09025:88.4/0 92.807942.2508.4475:75080  %00.-4.3.-9.08444/1472147 47. 0.30/9-02:..90/ -:914:0050.1439 //14391./ ...33909.0/439074.

.//3.4475:75080  0!.389..09025:88.3/$5..3.1439 //14391.

3/90.997-:908 4:-0.0-47/078.-08 $5.09025:88.389.3/0130890/94190-47/07 0 5.-094..085..//3.//3705708039890/89...1439 //14391.05.3.0-09003..0434:79.4475:75080  990.3/.43903993 ./:89909085.3.

1439 .

/.

.1439 77 14391.0.-0 92%.":.7016:9.01479080.

1439.

 ..

.

-4/ .

92    92 9904728.

/. 180.03907-14391. 180.447-:0287.37909  /9 .990 0.0.3019 09  /9 -4:94728287.775..

.

.03907.

-.

1439.

.0.0390714391.759 .298..9:7./77 -4/-.74:3/ 1-.02.44770/80472.59.8..

.03907.

9.94335:990/-90:807 974:98 ..3079.1439-71439.08831472.77394380  98.3/8:-229-:99438 09.40.8909-408.07 -7 &80/94.419000203988:.439.9.3/574.44770031.94.807.-7 94/8. -7 98 :80/945.439748 ..0.88/..

14397.880//3 4728.9:7.59...44770/1.02.298.759.039071439.

1439.

..0.77394380-%047235:9 020398.03907-7-71439.44770/1.

1439.

4473/41.0./4-:99438  8250909-408 09..0.773943 804:..1472 .3.--7 3-85 3-85 3-85 3-85 3-851439.. -71439.77394380-%09.447-:01.-408 7.0.70.2508.0/110703995084135:900203983..

8303090935:9-484:/-0.90/ -71439..9.0.4473/41.70.773943 80-.--7 90890 -748079.20.

-.

20949010/.07 8/0 -71439.:0.3.4473/41.08.77394380-'.0..1439-7 .3/:80/94/03919010/4390807.

-.

:0-0/85.8 .039.:9390909-4 -7-.0/-/01..1439-7 909094:.0.

-.

907890:807...14391439.4473/4 1..909 -4 .0.108902.77394380-7 850..7.303907394.2:23:2-0741.

298.03907472997-:908..14728 571439.59.250-7287.9:7.1439-7.759 .880.02..44770/1.

1439.

039071439.773943 80-.943.0...4473/41.

9014728:-288438 8039-7-7-094/.--7 543989490:7.

9.-7-7-09.--7 850.108494803/1472/.

997-:90-7-7-!489..8.9.//0/9490&#/0130/390.--7 90 1472 8/.943.

//0/9490-4/41901472 .--7 901472 8/. 8.9.

-77 .

.0.":.14391.01479080.7016:1472 92%.

1439.

..

-4/ .

92    92 990#./4:99438.

447-7431. 1..990 0./. 1.379 09 /9 .039071439.07094439287.3019 09 /9 # &%% $287.

03907..

.

1439.

084.7/49..74:3/909:70 53 / /91439.447-:01./77 -4/ -.987.../4-:99438..0.

.

44804343041.447-..9..1439 //1439.:807 39071.0789039.4890:80794. 7.1../4-:99434745943-:99438.00020399..5.570/0130/80941459438 .950417.

08 .1439-7 //1439.0789039..9.447-.1. #..70:80/034:.39940990.8947800./4-:99438.80941.9073.3/:89430 459431742.9 430 .

0789039.1439-7 //1439.9908..1..-4083890.209204:84:/ :80.0. 12470459438.40/.7094-0./  .447-.

/4-:99438.2505.14395 //1439.9:70417.44790.80:$.

:.

0390709 /9 -7 77 /91439./4-:99438 5..%.3.084.447-:01.7/49.7..14395 //287.894-0:80/.

.

1.287.43 509 /9 .1439 //1439...0789039.447-.

447-.0789039.. 8:80/94/85../4-:9943  .7.1.1439-7 //1439..

7/49...084.447-:01.1439-777 /91439.997-:908:80/./1107039.

.

1439 //1439.3%!..0.447-7431.07.

1439-7 .

..997-:909..90 .0890./4-:9943 ./403:80/94. 90%!.70.//1439.447-.:07.7.0789039.1.

14395 //1439.447-7431.3.0.07..

.:09490.9430 4594339074:5  .90:8078290/940..1.41907. 90.203...20147.:94741901472.997-:90  &80908.0789039.74:5 98.1439-7 //1439./4-:9943830..8838..447-.

.14395 //1439.3.0.447-7431..07.:0.

/4-:994383.0789039..997-:9094/893:8-0900390/1107039 7..1439-7 //1439.74:5  .447-. :80/90'&.1.

14395 //1439.07.0/.447-7431.0..0.3.

0789039.0817894.:0 ../0/  34307.1439-7 //1439..1..997-:903/.0.-0.908.7..447-.0/ %0 ..0./4-:994384:/-0 800.74:52..997-:90/4083499. 90.90/03905./4-:994330.

.143977 /91439..7/49.0.2508.084.447-:01.

.

.1439 //1439.7010..1.04/043.447-.250 92!.03.

..

447-.03..1..250 92!.04/043.1439 //1439.7010.

..

143977 /91439.084.447-:01..7/49..958.

.

-74807894800 40.. 4:84://85.0789039.4:70-5.0 ..447-.430703/0784:75.07..1439 //1439.1.0380.

7/49.3.25479...447-:01.084.0.1439-777 /91439.

.

7.20  %.203...20 470.97007..03.1.74:52:898.447-.2057010770/.20./4-:99438390 !7010770/44774:5.0789039.1439 //1439.98 90...70908.997-:9084:/-0908.447 .250 .:041903./4-:9943893.

/4-:9943  ..:0.8984://010.0....390097.1439-7 //1439.0.:0 14790.9905:7548041..:070/ 343041904907839.1.974:5 84:/./4-:9943893.0789039..74:584:/..- 7.8..250 14307.447-.:04170/ .7./1107039...997-:90 470./4-:9943.

1439-7 .

3/07 ..447-./4-:99438/0907230/-90909309 94907.997-:908 %0..-01470./4-:9943 34990.:0.:0.//1439..7.0789039.997-:908:80/-901472. %0...1..

14395 .

/ .

":..01479080./4 92%.7016:7.0. 77 14391.

1439.

 ..

-4/ .

083.9073.92    92 0.47../2.5%.44790. 109 /9 0. 109  /9 .94301914391..-2 87.-408287.90/70.76:00-0.

.

1439.

-.

2.76:00.

/77 9900.-408.0.

74:3/.03907-14391..447-74380.990 -4/-.980..5%.083.-4.7 5 .

1439.

-.

9.-408...39085. ..70-49..-4  .-48.3.00020399./.950729890:807942.94381742 .5.:80739071.4474...-483472.0.0047.0  .3:2-0741459438 472.7003.86:.7-39020.334190.7084343908.0399490.03907 14391.439...0.02:950800..7.8.0.5943/08.080 :0.843.

: .

03907-14391.5%.1439-7  .447-74380%.083.894-0&80/..

1439.

-.

.8 509 /9 .-49.03907287..03907  .0.

03907-7-7  ..

083.-408. .03907-14391..5%.447-74380997-:908147 0.

1439.

-.

..40980..03907-7  / /9-:14391.0047.447.

1439.

:.

3.- //14391.2080993.339073..29.//8.447-74380%03.3/08 901472..3/03919010/8 .9.20949010/8490 5747.0047..

0047.1439 /9-:14391.40980'&.447...

1439.

:.

447-74380%0.0047...0.0/ .9-08:-2990/1 ..:080993/01308.- //14391.

.1439 /9-:14391.40980..0047.447.

1439.

:.

447-74380985488-094570.9035:9-4081474:7..997-:9094 08 47 34  .0.997-:90 $2580990.0.0078 :8390.- //14391.0/.0.0047.0/..

1439 .

/7  .03907287.- 5..

.- 5.03907  ..03907287.

5%.03907-7 7-7  .250 :95:9..083..44770/80$.03907-14391.

1439.

-.

4:95:9 5.03907 .03907287..

03907 77 14391... 92%.":.0.7016:.0.01479080.

1439.

 ..

-4/ .

92 .

   92 990800.9.

45943.

03907:2 87.47..990 0.4475:7501.0-428907.44 1$%..901439../2.9073.76:00-0.

44 1.. !% %2 87.

1439.

.03907.

.

:.

76:00.2.

9002039  ./01308.59.800../77 -4/-...083.4473.0.3459433.989  %04594300203940838/090800.74:3/-:8 514391..80 : %0459439.

4475:7501.0-42890780%%#&%$.:-7-7 ..039071439.

03907..

1439 9.-0-47/07 97 9/1439..4473.1.0-42890780997-:90..

4473.:0.1..0-42890780'..1439 9/1439.

0-4289078008.1439 9/1439.1...4473.75943.

1439 .

4473..083.-0/.97 97 9/1439.1.59..808.

44770031.808.59.083.-0/..1439 9/1439.

-0/..80$50.083.1.34594384:/-0/8.1089..9.59.1439 9/1439.4473.

1439 .

.4473.80.97 97 9/1439.1.083..-0.59.

083..1439 9/1439..1.4473.80909.59.

345943.-0147.108.1439 9/1439..083..847907.59.4473.80$50.1.

1439 .

97 .

4473.90/.1.80$00...083.59.97 9/1439.

..59.1439 9/1439.083.4473.80$00.90/.1.

1089..:9.1439 9/1439.59.4473..9.1.083.80$50.34594384:/-0800.90/-/01.

1439 .

:0..4473.59.80'..083.1.97 97 9/1439.

1..59.4473.1439 9/1439.083.80909..

59.14728 8:-2990/.0703.:094-0803994.4473.1439 9/1439..083...80$50.1.10890.807.

1439 .

97 .

0-42890780!.03907:1439.-0-7-7 ..4475:7501.9.

03907..

:.

03907287.1439-7 .9 -25.800.

9 92%..0.03907 77 14391.01479080..":.7016:800.

1439.

. .

-4/ .

-:99438.92   92 99094850..

301909  /9 $:-29. 1.0390714391.990 0... 1. .70./.3/#0809:9943.379 09 /9 %4$50.:99438-7287.447-743287.0/:9.

.

.03907.

1439.

4473../ -4/-.0.80$:-29.74:3/8:71..381-/02 / /971439..08 114391..0-0738.

4479-:080 :80/94803/1472/.07 %0/.0 850.9.9.1439 //1439.8803/94905.807.94.10/ .

1439 .

80%..894-0:80/.4473./91439.

4479-:0801472 35:99508:-29-7 // 3-85 3-85 3-85 3-85 05:894803/31472..943 //1472.1439 //1439.943:72094/09.

1439 .

-4/ .

4473..927 /91439.80#0809.

4479-:080 08994708099010/414:71472 %080.3/90:8078.3/11.1439 //1439.3/147.70 14728.:9 ..70.07.

1439 /91439.80%..894-0:80/.4473.

4479-:08035:995070809-7 .1439 //1439.

/.

03907 9.59431439.4479-:080.-0-47/07 ..4473.14397 1439..80997-:90894-0:80/.

5943 97 91439..44770/80..44770/80.997-:901439.

44770/80/08.44770/80.7594381439.9 91439.

9 .

97 97 9/.20.

//8.3.20 .9/ 9/.339073.

9/.

:0.97 97 9/'.

9/ 9//01308.98799034390-:9943.

9/.

97 97 9/3.

9/ 9/ /01308490-:99438.30/-7 .

09708.70 2//0 -:9943 79 019 945 -:9943  .

9/ .

97 97 9/%.-3/0.

- 0 ...8947.9..90/0390.8909.47/0790/110703910/884:/-0.9/ 9//013083.

9/.

97.

9.-0.

03907 ..

.7016:850.":..0.01479080. 92%.1439 77 14391.

1439.

 ..

-4/ .

-4.92  '  92 990$0.7.

 1.3019 09 /9 $# 287.07094439287.039071439.. 1.447-7431.990 0./.379 09 /9 .

.03907.

.

1439.

9880.74:3/909:70 53 / /91439.447-:01.084../77 -4/-..-4.7/49.7...0.

.

1.-44780.425:9075747.3/430-8908 .7.0789039...10/8..447-.1439 //1439.310.7.3/0--748078.42243&00203941 . 80.28 0850..

8.9. 98-.80 ./.0/1473.447-..95041909-4 90..0789039..1439-7 //1439.439039841.7..1..7094-0 80.-.

.90/43-.0789039.1.1439-7 //1439..447-.-:9943 84209208 3/.2. 98..8882-4  .313.4:50/9.80.42243.7.

14395 .

-4.7.9:704180.80:$.2505.//1439.44790.

:.

7/49. 5.447-:01.894-0:80/147.3..%..7.084.0390709 /9 577 /91439.14395 //287.80.

.

1..1439 //1439.7.0789039..44790.:440$0.

1439.

:5287.44790..:.1.7.0789039.44$0..6 509  /9 5 //1439.

1439.

1..44790.7..:5287.0789039.$0.5 509  /9 5 //1439.:50/.

1439.

 5 09 /9 5 77 /91439.7..447-:01.7/49..997-:908.084.80.:5287.

.

39:%!.44770/1.0005..1439 //1439.

:.

. 90890-74807.14395 //1439.447-.93/4135:99 8443 ..0789039.1.

14395 //1439.44770/1.0005.39:..

:.

.1.0789039.7.3/80.7. 5147.-470.80. .14750/.7.447-.99080.209.7.4480.250 68 14744080.14395 //1439..7.430 470.. 903.

1439577 .

7016:80. 77 14391.":.0.01479080.7. 92%..

1439.

 ..

-4/ .

20809.92  '  92 9907.

.90-:1439.1. 1./2.990 0..07094432 87.47.76:00-0..4473.9073. 1#%#$2 87.

1439.

:.

-.

.

2.76:00.

0.0..382880 ./77 -4/-.8...42.74:3/ 5-1439.4473.1.

7.41.78.08.3/82:9./090-748073/43945.550.90%/4.4390398 3.907.304:8/85.8.70:80/94/.208/.208.20/4.:2039882.:2039  7.830-748073/4  17.79470:..7%/4.805.:2039  :.7003394944724700-5.: 7.798 0./0908..

-.

1439-7 .03907287.20809 5.17.

..4473.04/04380%%#&%$.03.03907-7-7 1439..1.

 /914391..4473.1439-7 /-1439.0709443980# $..

0.1439 //14391.8.42..20894 .3:2-07.90 .38288001308.3/80419047439.70.17.

.42.8.0.382880 $.1439 /914391.

38288001308.8.3/804190.42.0.70.90 .079...1439 //14391.3:2-07.17.20894 .

-.

1439.

03..4473..1.04/04380.03907:#./-7-7 1439.

:.

1439.

42.03907-7 /-1439.0.8.382880$#.4473. /914391....

382880013084.42.2014717.3/103.0.4390398 ...943.1439 //14391.20.8.

1439 /914391..8.42.0.382880.

203..0-50738  /.42.0.3828800130817.8.207010703.1439 //14391.

-.

03907:!  #$.1.04/04380.4473..1439-7-7 1439.03..

:.

.03907.

1439-7 1439.070944380$!$% #$%.4473..1..

17.1439-7 287.17.20 5-7-7 287.20 5 .

1439 77 .

.01479080.14391.0.7016:17.":.208 92%.

1439.

. .

-4/ .

92   '  92 9907.20809.

 1.9073.1.4473.76:00-0.47.990 0./2.. 1#%#$2 87.07094432 87...90-:1439.

1439.

:.

-.

.

76:00.2.

550.798 0.08.4390398 3.830-748073/4  17.4473..805.208.42.70:80/94/..:2039882.:2039  :.7003394944724700-5..0.8.3/82:9.907.0.8.7%/4.20/4.79470:..1./090-748073/43945./77 -4/-.7..208/.:2039  7.304:8/85.74:3/ 5-1439.90%/4./0908.78.41.382880 : 7.

-.

20809 5.17.1439-7 .03907287.

03907-7-7 1439.04/04380%%#&%$.03..4473...1.

 /914391.0709443980# $.1439-7 /-1439..4473..

20894 .3/80419047439.3:2-07..17.90 .42.70.38288001308.0.8.1439 //14391.

8.1439 /914391.42.0.382880 $..

17.3/804190.70.3:2-07.42.0..20894 .1439 //14391.38288001308.8.079.90 ..

-.

1439.

03./-7-7 1439.03907:#..4473..1.04/04380.

:.

1439.

.4473.03907-7 /-1439.. .

/914391.8.382880$#..42.0.

42.382880013084.4390398 .1439 //14391..3/103.0.943.2014717..20.8.

0.382880.1439 /914391.8..42.

3828800130817.207010703.203..8.0.42.0-50738  /.1439 //14391.

-.

03907:!  #$.03.1439-7-7 1439..4473..1.04/04380.

:.

03907..

1...070944380$!$% #$%.4473.1439-7 1439.

20 5-7-7 287.17.20 5 .17.1439-7 287.

7016:17.":.01479080.0..208 92%.1439 77 14391.

1439.

. .

-4/ .

4220398.92  '  92 990.

990 0.0.:8.3/8:089438.4473.0390714391./..47.4220398.7..

1439.

03907 ..

-4/.

:0 ..0789039.2035:99509093.20.80 1472./43../7 -4/-.74:3/.2017893.0802.039-7-7 #-7 35:99507.20.2074:5.002.039 -7-7 035:99509093.0.20802.0-7-7 //708835:99509093./43..:0 02.2074:5..422094/09 ..2*. 5309 /9 14391..0.44 .0/.94307.039 -7-7 .0-7 35:99507.//708880 2.0 .

35:99509093.80 2.9 45943.800.039 -7-7 79/.3:.7.20 2. 2.

45943 4594310-7:.7.

.7.45943 459432.

45943 45943:30.

45943 45943:.

45943 45943.::89.

45943 45943805902-07.

94-07.45943 459434.

02-07.45943 4594334.

02-07.45943 45943/0.

45943 .

9 45943 .800.9 800.

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 .

45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943 .

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943 .

45943 45943.

45943 .

9 45943 .9 800.800.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943 .

45943 .

45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943.

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943 .

45943 45943  .

45943 45943 .

45943 .

/43.-02../43.-0-7-7 3-85 3-85 3-85 3-8584:70-890..:807 1703/-7 35:99507.2074:5./43.0.:0 2.:0 3434-7 35:99507.2074:5./43..890-7 35:99507.2074:5.9-7-7 3-85 3-85 3-85 3-8584:70-890.2074:5.943..2074:5./43.800.:0 08 .:0 08 .:0 3498434984-7 35:99507..0/08-7 35:99507..30/:.0/08-7 .0.

:0420420-7 35:9950.-43.-0-7-7 3-85 3-85 3-85 3-85...-43.-43.0.-43..2074:5.-43.0.2074:5.:0 -.98-7 35:9950./43.-43.9433.48 748 7..:0 3498434984-7 35:99507.0.08-7 35:9950.2074:5.2074:5./43.3307-..0..-02.5.70.439.0.35:99507...2074:5.:0 490738490738-7 35:9950..3307-7-7 4220398..:0 3.7/.:0 3434-7 35:99507.:0 .439..2074:5.:0 7084:7.95.2074:5.0.:0 2...943-7 35:9950..98.3/$:089438-7 909...2074:5.087084:7./43.79/44:02489-7 35:9950.2074:5.

-7-7 35:99508:-29 35:995070809 .70.909.

1472.

1439.

03907 ..

-4/ .

92   .