25 ene 2014

NOCIONES BÁSICAS DE HTML

 HTML son las siglas de HyperText Markup Language (lenguaje de marcado hipertextual) y hace referencia a uno de los lenguajes para la elaboración de páginas web.

La página web contiene sólo texto mientras que recae en el navegador web la interpretación del código, es decir,  la tarea de unir todos los elementos y visualizar la página final.

HTML se escribe en forma de «etiquetas» también llamadas elementos, marcas o tags, encerradas por corchetes angulares. En general, las etiquetas tienen una apertura <> y un cierre </>.

Los elementos tienen dos propiedades básicas: atributos y contenido. Los atributos del elemento se añaden, únicamente, a la etiqueta de apertura y el contenido está ubicado entre las dos etiquetas. Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre.

La mayoría de los atributos de un elemento son pares nombre-valor, separados por el signo igual «=» y escritos en la etiqueta de apertura. El valor puede estar rodeado por comillas dobles o simples.

Por ejemplo, para incluir un enlace la etiqueta utilizada es <a>, con el atributo href que permite incluir la ruta hacia la página con la que enlazará:


<A HREF="http://www.miservidor.es/mifichero.htm"> Link de prueba  </A>


El lenguaje HTML puede ser creado y editado con cualquier editor que admita texto sin formato.

Las etiquetas básicas o mínimas son:

<!DOCTYPE HTML>
 <html>
   <head>
     <title>Ejemplo1</title>
   </head>
   <body>
     <p>ejemplo1</p>
   </body>
 </html>

  • DOCTYPE, informa al navegador del tipo de archivo que se trata. Es la única que se escribe con mayúsculas.
  • <html> </html>, abren y cierran el documento.
  • En la <head> reside información acerca del documento, y generalmente no se ve cuando se navega por él. Incluye el elemento <title> que es una breve descripción que identifica la página y que sí se muestra al usuario.
  • El cuerpo <body> es donde está todo el contenido del documento que se muestra.


SE RECOMIENDA que para mejorar la legibilidad del código se inserten las etiquetas de apertura y cierre en líneas independientes y, además, desplazar a la derecha el contenido de una etiqueta de modo que las etiquetas de apertura y cierre estén alineadas.


Para quien quiera saber más sobre HTML visitar:

Guía para escribir documentos HTML
Tutorial de HTML


Licencia de Creative Commons
Informática Bachillerato de Elena Monasterio-Huelin, está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España