You are on page 1of 5

Lenguaje de Programación I

Clase Nro: 01

FUNDAMENTOS HTML 5
HTML5 no es una nueva versión del antiguo lenguaje de etiquetas, ni siquiera una mejora de esta
ya antigua tecnología, sino un nuevo concepto para la construcción de sitios web y aplicaciones
en una era que combina dispositivos móviles, computación en la nube y trabajos en la red.

HTML5 propone estándares para cada aspecto de la web y también un propósito claro para cada
una de las tecnologías involucradas. A partir de ahora, HTML provee los elementos estructurales,
CSS se encuentra concentrado en cómo volver esa estructura utilizable y atractiva a la vista. Y
Javascript tiene todo el poder necesario para proveer dinamismo y construir aplicaciones web
completamente funcionales.

Mg. Bernardo C. Hermitaño Atencio 1


Lenguaje de Programación I

CÓDIGO DE LA ESTRUCTURA HTML5


• En su editor favorito ingrese el siguiente código html.

• Inserte una imagen dentro una etiqueta div.


<div id=logo><img src="img/logo-html5.jpg" alt="logo"></div>
APLICANDO ESTILOS CSS
CSS: Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que
describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso
cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo
de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre
estilo y formato de sus documentos.

¿Para qué sirve CSS?


CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la
presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a
los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo.
Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas
vinculadas a esa CSS en las que aparezca ese elemento.

Mg. Bernardo C. Hermitaño Atencio 2


Lenguaje de Programación I

• Crea el archivo estilo.css e ingrese el siguiente código.

• Guardar y probar nuestra primera página

Mg. Bernardo C. Hermitaño Atencio 3


Lenguaje de Programación I

• Modificar el código html generando 2 artículos dentro de section y agregando contenido


para el footer.

• Agregar los estilos en el archivo estilo.css

Mg. Bernardo C. Hermitaño Atencio 4


Lenguaje de Programación I

• Finalmente la página debe quedar asi:

REFERENCIAS ELECTRÓNICAS
http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo
http://www.w3.org/html/logo/

Mg. Bernardo C. Hermitaño Atencio 5