miércoles, 25 de noviembre de 2015

Estilos Css y HTML: Imagenes, Links

Aquí tienen el código para desarrollar el ejercicio propuesto en los videos. Comprenderán que no pude dejar las llaves en las etiquetas dado que blogger lo interpretaría y mostraría como página web. Tn solo hay que reemplazar los textos "abre y cierra" por "<" o ">" según sea el caso.

 Abre style
        
#wrapper{
width:100%;
height:auto;
text-align:center;
background-color:#984c55;
padding:20px;
}
#cajaimagen{
width:600px;
height:auto;
background-color:#4c6098;
margin: 0 auto;
}
#medida{
width:600px;
height:auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;
font-family:sans-serif;
font-size:24px;
padding:12px 0;
background-color:#d3c668;
}

#enlace{
width:600px;
height:auto;
padding:12px 0;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
font-size:22px;
margin: 0 auto;
background-color:#e27a2e;
        }
        
    Cierre etiqueta style
    
Abre body
     abre etiqueta div id="wrapper"
     abre etiqueta div id="medida">Contenido de div
    abre etiqueta div id="cajaimagen">
         etiqueta img src="archivojpg" width="300px" alt="texto alternativo" title="t">
    Título     cierre/div>
   
    abre etiqueta div id="enlace">
        abre p>
        Etiqueta a href="http://www.alxmarroquin.com" title="AlxMarroquin Portafolio" target="_blank">
            Vea mi portafolio
            cierre /a>
        
        cierra /p>
        
        cierre /div>

    cierre /div>
Cierre etiqueta body