- El lenguaje HTML
- Estructura de los documentos HTML
- El elemento HEAD y elementos que contiene
- El elemento BODY y elementos que contiene
1. El lenguaje HTML
Es un lenguaje de marcas diseñado para publicar documentos hipertextuales (El hipertexto nos va a permitir que un documento haya referencias a otros documentos relacionados. Estas referencias serán posibles mediante la aplicación de enlaces. El Lenguaje HTML nos va a permitir añadir a un documento de texto:- Estructurar el texto: encabezamientos, listas, tablas
- Aplicar los estilos: negrita, itálica, etc.(no recomendado con los elementos html)
- Añadir elementos multimedia como las imágenes.
- Conexiones hipertextuales a otros objetos de red: partes sensibles del documento desde dónde podremos saltar a otros documentos o objetos disponibles en la red.
2. Estructura de los documentos HTML
Relación de los documentos HTML con la especificación que
lo define. Todo documento HTML debe de empezar con la
declaración <!DOCTYPE>. Seguido por el elemento
<HTML> que a su vez contendrá los elementos <HEAD> y
<BODY>
Sobre la DTD. La declaración <!DOCTYPE>
DTD HTML 4.01 Estricto (sin elementos/atributos desaprobados):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
DTD HTML 4.01 Transicional (con elementos/atributos desaprobados):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
DTD HTML 4.01 para marcos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Este último es el que utilizaremos ya que nos permitira usar elementos conociodos de HTML 4.01 con la tecnologia XHTML con algunas adaptaciones
(ver: http://www.w3c.es/Traducciones/es/Markup/2004/xhtml-faq.htm )
3. El elemento HEAD y elementos que contiene
- Elemento TITLE
- Elemento META
Elemento meta (meta datos):
Nos ayudarán documentar y a introducir las propiedades del documento..
Por ejemplo: El autor, la fecha de caducidad, lista de palabras clave, etc.
Dentro del elemento META podremos encontrar los siguientes atributos: Name, content, scheme, http-equiv
Ejemplos:
- <META name="Author" content="David González">
- <META name="keywords" content="sitio web, html">
- <META http-equiv="Expires" content="Tue, 20 Aug 1996 14:00:00 GMT">
- <META http-equiv="Content-Type" content="text/html"; charset=ISO-8859-1>
- <META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.uji.es/infoest/estudis/">
4. El elemento BODY y elementos que contiene
- Los encabezados H1...H6
- El elemento ADDRESS
- Los elementos a nivel de bloque
Los elementos de bloque pueden contener elementos de línea y a otros elementos de bloque, normalmente empezarán en otra linea.
- Párrafos: P
- Listas: UL, OL, DL
- Preformateado: PRE
- Agrupación de elementos, capas: DIV
- Citas textuales de varias lineas: BLOCKQUOTE
- Formularios: FORM
- Separador: HR
- Tablas: TABLE, CAPTION, TR, TH, TD.
- Los elementos a nivel de texto
Pueden contener datos y a otros elementos en línea. Suelen estar en la misma línea. - Elementos de estilo físico: B, I, SUB, SUP (no recomendados)
- Elementos de estilo lógico: Q, CITE, EM, STRONG, KDB, VAR, CODE
- Los enlaces: El elemento A. Atributos HREF y NAME
- Las imágenes: El elemento IMG y la importancia del atributo ALT.
Agrupación de elementos (DIV y SPAN)
Los elementos DIV y SPAN, junto con los elementos id y class, ofrecen un mecanismo para añadir estructura a los documentos (con ellos podremos lograr efectos estructurales y presentacionales deseados).- DIV: lo utilizaremos para estructurar elementos de bloque. Normalmente los AU colocaran un salto de línea antes y después de este elemento.
- SPAN: lo utilizaremos sobre elementos de línea.
Nota: En la especificación de HTML 4.01, los elementos de
presentación están desaprobados y se ha de intentar usar
en su lugar las hojas de estilo. XHTML es a efectos prácticos una reformulación de HTML 4.01 basandose en XML. Ver: http://www.w3c.es/Traducciones/es/Markup/2004/xhtml-faq.htm