Programa CSS de manera externa

 



<html><!--define la estructura de una página web-->
    <head><!--contiene información sobre la página web que no se muestra en el navegador-->
        <title> CSS3 </title><!--La etiqueta <title> define el título de una página web-->
        <link rel="stylesheet" href="decoracion.css"> 
    </head>
    <body><!--contiene todo el contenido visible de una página web-->
        <div id="panta"><!--sss-->
            <div id="menu"><!--sss-->
                <img src="gato2.jpg" alt="imagen" width="80"><!--Una imagen -->
                <br> <br> <br><!--sss-->
                <a href="logo"> click 1</a> <br>
<a href="logo"> click 2</a> <br>
<a href="logo"> click 3</a> <br>
<!--Tres enlaces (<a href="logo">) con texto "click 1", "click 2" y "click 3"-->
</div>
                <div id="panta2"> </div><!--sss-->
                    <h1> Programa CSS de manera Externa </h1>
                    <h2> Mi primer ejemplo </h2>
                    <h3> Programado por: Nombre</h3>
<!--Los encabezados (<h1>, <h2>, <h3>) agregan títulos jerárquicos a la página.-->
        </div>
</body>
</html>


-------------------------------------------------------------------------------------------------------------------------------


decoraciones.css

#panta
{
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
#menu
{
    width:20%;
    float:left;
    background-color: bisque;
    height:300px;
}
#panta2
{
    width:20%;
    float:right;
    background-color: brown;
    height:300px;
}

Comentarios

Entradas populares de este blog

Investigacion de Hipervinculos y Lista de ordenadas y desorndenadas

Practica Iframe

Etiquetas html