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
