Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Dia 3

    Uploaded by

    M Ort Pal
    The document is a web page in HTML about an exam on HTML. It contains different sections with information like search engines and newspapers, a table, and a table about the evolution of microprocessors from 1978 to 2009 with images and links.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Dia 3

    Uploaded by

    M Ort Pal
    4 views4 pages
    The document is a web page in HTML about an exam on HTML. It contains different sections with information like search engines and newspapers, a table, and a table about the evolution of microprocessors from 1978 to 2009 with images and links.

    Original Title

    dia 3

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document is a web page in HTML about an exam on HTML. It contains different sections with information like search engines and newspapers, a table, and a table about the evolution of microprocessors from 1978 to 2009 with images and links.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    4 views4 pages

    Dia 3

    Uploaded by

    M Ort Pal
    The document is a web page in HTML about an exam on HTML. It contains different sections with information like search engines and newspapers, a table, and a table about the evolution of microprocessors from 1978 to 2009 with images and links.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 4

    TERCER DIA

    <html>

    <head>

    <title>pagina web </title>

    <link rel="stylesheet" href="estilo.css" type="text/css"/>

    </head>

    <body style="font-size:150%">

    <div id ="contenedor">

    <div id ="cabecera"></div>

    <h2 style=" text-align: center; color:darkgreen;">Examen HTML</h2>

    <h4 style=" text-align: center; color:orange;">Javier Garulo Ortega</h4>

    <div id ="izquierda"style="font-size:48%;font-family:arial-black;">

    <ol>

    <li> <b>Buscadores </b>

    <ul type="square">

    <li><p><b><a href="https://www.google.es">www.google.es</a></b></p></li>

    <li><p><a href="https://www.bing.es/">www.bing.es</a></p></li>

    </ul>

    </li>

    <li> <b>Periódicos </b>

    <ul type="circle">

    <li><p><a href="https://www.levante-emv.com/">www.levante-emv.com</a></p></li>

    <li><p><a href="https://www.lasprovincias.es/">www.lasprovincias.es</a></p></li>

    </ul>

    </li>

    </ol>

    </div>
    <div id ="derecha">

    <table border="2" style="height:20%; width:20%;">

    <tr style="text-align:center; ">

    <td style= "background-color: white"><b>x</b></td>

    <td style= "background-color: red"></td>

    <td style= "background-color: white"><b>x</b></td>

    </tr>

    <tr style="text-align:center">

    <td style= "background-color: red"></td>

    <td style= "background-color: white"><b>x</b></td>

    <td style= "background-color: red"></td>

    </tr>

    <tr style="text-align:center">

    <td style= "background-color: white"><b>x</b></td>

    <td style= "background-color: red"></td>

    <td style= "background-color: white"><b>x</b></td>

    </tr>

    </table>

    </div>

    <div id ="pie">

    <table border="2" style="height:50%; width:60%;">

    <tr style="text-align:center; ">

    <th colspan= "3">Evolución microprocesadores</th>

    </tr>

    <tr style="text-align:center">

    <th ><a href="https://helisulbaran.blogspot.com/2013/06/08-de-junio-1978-intel-lanza-el.html"><img


    src="imagen1.jpg" style="width:50px;height:60px;"></a></th>

    <th ><a href="https://helisulbaran.blogspot.com/2013/10/17-de-octubre-1985-intel-lanza-su.html"><img


    src="imagen2.jpg" style="width:50px;height:60px;"></a></th>

    <th ><a href="https://www.profesionalreview.com/amd/amd-athlon/ "><img src="imagen3.jpg"


    style="width:50px;height:60px;"></a></th>

    </tr>
    <tr style="text-align:center">

    <th >1978</th>

    <th >1985</th>

    <th >2009</th>

    </tr>

    </table>

    </div>

    </div>

    </body>

    </html>
    #contenedor{

    background-color:lightgrey;

    padding:5%;

    #cabecera{

    height:15%;

    #izquierda{

    height:25%;

    background-color:darkgrey;

    float:left;

    width:50%;

    #derecha{

    height:25%;

    background-color:lightblue;

    float:right;

    width:50%;

    display: flex;

    justify-content: center;

    align-items: center;

    #pie{

    height:25%;

    background-color:lightgreen;

    clear:both;

    display: flex;

    justify-content: center;

    align-items: center;

    You might also like