Estructura de una página HTML

Estructura básica
  • Cada página comienza con: < HTML > .
  • A continuación viene la cabecera, delimitada por < HEAD > < /HEAD > .
  • Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones HTML se escribirán a continuación, y finalizarán con < /BODY >.
  • La página acabará con < /HTML > .
Es decir:
<HTML>
      <HEAD>
       Definiciones de la cabecera
      </HEAD>
      
      <BODY>
      Instrucciones HTML
      </BODY>

</HTML>

Cabecera
La cabecera de un documento está delimitada por las etiquetas < HEAD > </HEAD > Sus componentes son opcionales. El más importante es <TITLE> , que permite escribir el título del documento. El título no se muestra en la página, sino en la parte superior de la ventana del visualizador, como identificador en los bookmarks y en la history list. Se utiliza de la siguiente forma:

<HEAD>
<TITLE>Título del documento HTML</TITLE>
</HEAD>

Cuerpo
Es la parte delimitada por <BODY> y < /BODY > . Puede llevar los siguientes atributos:
  • BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.
  • BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no puede obtenerse. Más adelante veremos más sobre colores. Por ahora nos basta saber que para los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ...
  • TEXT="######": color del texto. Por defecto será negro.
  • LINK="######": color de los links. Por defecto será azul.
  • VLINK="######": color de los links visitados. Por defecto será violeta.

Ejemplos
<body background= "fondo.gif">
El documento tendrá como fondo la imagen indicada.
<body bgcolor="white" text="blue" link="red" vlink="red">
El fondo será blanco, el texto azul, y todos los links (visitados o no) serán rojos





¿Qué es CSS?


CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores...
CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. En este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin necesidad de conocer la tecnología entera.

Las Hojas de Estilo en Cascada se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo. En un principio vamos a utilizar la manera más directa de aplicar estilos a los elementos de la página, más adelante veremos la declaración en archivos externos. Para ello, y esto es la primera lección de este artículo, vamos a conocer un nuevo atributo que se puede utilizar en casi todas las etiquetas HTML: style.




¿Qué es HTML?


HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto.

El HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementando dicho texto con diversos objetos (como fotografías, animaciones, etc).
Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.

Introducción

Este curso tratará sobre los conocimientos básicos y medios de HTML y CSS.
Para crear una página web con los elementos necesarios y algunas otras funciones que no son tan vistas en un curso básico.