viernes, 15 de enero de 2016

Html5 - 2. Header

En header se suele incluir el logo o cabecera de la web, por lo que podriamos tener un codigo parecido a este:

<!DOCTYPE html><html>
<head>
<title>Mi primera Web</title>
</head>
<body>
<header>
<h1>Cabecera de Mi Web</h1>
<figure><img src="milogo.jpeg"/></figure>
</header>
</body>
</html>
Casi todas las etiquetas de html se abren y se cierran, algunas veces no hace falta, como en el caso de la etiqueta "img" que vemos en el codigo anterior.
La etiqueta "h1" es para colocar titulos en tamaños mayores al texto normal, en este caso lo utilizaremos para el titulo.
Se introduce tambien la etiqueta "figure" que indica que vamos a poner algo que no es el texto, se suele usar para incluir imagenes, videos, sonidos.
La etiqueta "img" introduce la imagen que le indiquemos con "src", este es un ejemplo de etiqueta html con atributo, en este caso el atributo es "src" con el valor "milogo.jpeg".
Puedes probar este codigo en el navegador y realizar algunos cambios para ir practicando.
Una vez veamos todos los apartados de este codigo, empezaremos a ver un poco de CSS, para poder dar forma a la web que estamos desarrollando y darle tambien el formato requerido.




No hay comentarios:

Publicar un comentario