jueves, 4 de octubre de 2012

HTML Estructuras principales

Una página web debe estar bien estructurada, para ello, HTML dispone de determinadas etiquetas para realizarlo todo correctamente.

<html>
     <head>
          <title>Título de la web</title>
          Contenido no visible
     </head>
     <body>
          <h1>Contenido visible</h1>
          <p>Aqui va el texto que formará el párrafo</p>
     </body>
</html>

Comenzando por la etiqueta <html> es la etiqueta principal que abre la página web y define que lo que haya entre esta etiqueta de apertura y la correspondiente de cierre está escrito en lenguaje HTML. Es decir, todo debe ir dentro de esta etiqueta.

En el siguiente nivel tenemos dos etiquetas <head><body>
En <head> va contenida toda la información referente a la web que no va a mostrarse en el navegador que usemos, sino que sirve digamos como almacén de información.
Sin embargo en <body> es donde debe ir todo el contenido visible de la web mediante párrafos que comentaré otro dia.

La etiqueta <title> es una etiqueta especial, ya que es obligatoria y debe ir siempre dentro de <head>. En esta etiqueta ponemos el nómbre de la web. No obstante, este nombre no aparecerá en la web como tal, sino en el rótulo del navegador.

Dentro de <body> podemos usar títulos en una clasificación de 6 niveles y representados por:
<h1>Nivel 1</h1>
<h2>Nivel 2</h2>
<h3>Nivel 3</h3>
<h4>Nivel 4</h4>
<h5>Nivel 5</h5>
<h6>Nivel 6</h6>

siendo <h1> el título con mayor importancia.

El resto de contenido se introduce dentro de uno o varios parrafos, y para definir un párrafo usamos la etiqueta <p>
<p>Aqui escribo un parrafo</p><p>Lo que estoy escribiendo aqui es otro parrafo aunque lo escriba a continuación del anterior</p>

Existen muchas más etiquetas, pero estas son las más básicas, el resto ya las iré explicando.

No hay comentarios:

Publicar un comentario