sábado, 1 de marzo de 2014

Html programming

This week we have learnt to make html webpages.We can edit them easily by using the windows notepad or with dreamweaver , or another html editor.Out task was to make a webpage with an image inserted , text,a chart and a video.
So here i show the code of my finished page and a snapshot.








<html>
<head><title>Welcome to my first webpage</title>
</head>
<!--Head of the page-->
<body bgcolor=pink text=purple>
<center>
<h1>GOOGLE</H1>
</CENTER>
<!--title-->
<p><font size="+3">MOST SEARCHED WORDS ON GOOGLE 2013</font></p>
<p align="center"><BR>
<!--second title-->
<img height="315" width="600"  align="middle" src="http://www.virtualianet.com/wp-content/uploads/2013/07/google-.jpg"></p>
<!--picture inserted-->
<P ALIGN=JUSTIFY>
<DFN>
</DFN></P>
<p>Google released it annual "zeitgeist" lists , running down the top search terms in the U.S. this past year. These end-of-year lists offer a raw peek at what's really on Americans' minds when they sit down in front of Google's nonjudgmental search bar. </p>
<p>The results are not pretty. </p>
<P ALIGN=JUSTIFY>  </P>
<!--introduction text-->
<hr align="center" width="70%" size="20" color="blue"/>
<hr align="center" width="70%" size="20" color="red"/>
<hr align="center" width="70%" size="20" color="yellow"/>
<hr align="center" width="70%" size="20" color="green"/>
<!--color bars-->
<BR>
<font color="purple" size="5">10 MOST SEARCHED:</font><BR>
<HR SIZE=2 WIDTH=100% COLOR=PURPLE>
<p><BR>
<!--title for a list and separating bar -->
<b>1.</b>What is twerking </p>
<p><b>2.</b> What is ricin</p>
<p><strong>3.</strong>What is DOMA</p>
<p><strong>4.</strong>What is Molly </p>
<p><strong>5.</strong>What is gluten</p>
<p><strong>6.</strong> What is sequestration</p>
<p><strong>7.</strong>What is Obamacare</p>
<p><strong>8. </strong>What is lupus</p>
<p><strong>9.</strong> What is snapchat</p>
<p><strong>10.</strong> What is bitcoin </p>
<p> </p>
<!--end of 1st list -->
<p><font color="purple" size="5">10 MOST SEARCHED PEOPLE:</font></p>
<HR SIZE=2 WIDTH=100% COLOR=PURPLE>
<!--end of 2nd title and separating bar-->
<p><strong>1.</strong>Miley Cyrus</p>
<p><strong>2.</strong>Drake</p>
<p><strong>3.</strong>Kim Kardashian</p>
<p><strong>4.</strong>Justin Bieber</p>
<p><strong>5.</strong> Beyonce</p>
<p><strong>6.</strong> Rihanna</p>
<p><strong>7.</strong> Taylor swift</p>
<p><strong>8.</strong> Selena Gomez</p>
<p><strong>9.</strong>Katy Perry</p>
<p><strong>10.</strong> Kanye West </p>
<p>  </p>
<!--end of 2nd list-->
<p><FONT SIZE=6 COLOR=purple>Google visit duration per country:</FONT> </p>
<!--title-->
<table width="200" border="1">
  <tr>
    <th scope="col">Country7territory</th>
    <th scope="col">Visits</th>
    <th scope="col">Visit duration </th>
  </tr>
  <tr>
    <td>USA</td>
    <td>120</td>
    <td>2.3</td>
  </tr>
  <tr>
    <td>UK</td>
    <td>98</td>
    <td>1.2</td>
  </tr>
  <tr>
    <td>India</td>
    <td>87</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Canada</td>
    <td>84</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Germany</td>
    <td>78</td>
    <td>3</td>
  </tr>
  <tr>
    <td>France</td>
    <td>60</td>
    <td>2</td>
  </tr>
</table>
<!--end of table-->
<p> </p>
<p> </p>
<p> </p>
<p align="justify"><BR>
  
<!--end of list-->
</p>
<PRE>
<FONT SIZE=4 COLOR=RED>

<p>
<div align="center"></div>
<iframe width="560" height="315" src="http://www.youtube.com/embed/Lv-sY_z8MNs" frameborder="0"></iframe>
</p>
<!--video inserted-->











      
    ********** ****                  **********                  ***
    ********** ****                  *********                   ***
    ********** ****       *******    ***        ********   *********
       ****    ********  *********   ********   ********* **********
       ****    ********* ***    **   ********   ****   ** ***    ***
       ****    ****   ** *********   ***        ****   ** ***    ***
       ****    ****   ** ***         *********  ****   ** **********
       ****    ****   **  ********   ********** ****   ** **********
    
      

</FONT>
</PRE>
<BR>

<HR SIZE=2 WIDTH=100% COLOR=RED>


</BODY>
</HTML>

Inkscape landscape