Continuacion del lenguaje HTML6

 Marcadores o etiquetas  HTML obligatorios:
 

• Marcador : todos y cada uno de los documentos HTML deben empezar y terminar con este marcador que sirve para indicar que se trata de un documento HTML. En el marcador de cierre es obligatoria la barra inclinada (/HTML).

• Marcadores : los documentos HTML se dividen en dos partes, la cabecera y el cuerpo. Los navegadores Web necesitan distinguir entre cabecera y cuerpo para poder interpretar correctamente los documentos. En general la cabecera del documento (head) incluye la información general sobre el documento. Este marcador tienen su marcador de terminación con la barra inclinada (/HEAD).

•  Marcadores : incluye el contenido real del documento (body o cuerpo). Este marcador tiene también su marcador de terminación con la barra inclinada .

En el caso del marcador body puede ir acompañado, no obligatoriamente, del atributo BGOLOR (Background color)  junto con un numero de expresión hexadecimal que determina un color de fondo plano para la pagina web.  Esta función, como veremos más adelante con el color de los textos está automatizada en la mayoría de editores de páginas web (incluido Netscape Composer).
 
Cabecera del documento

Contiene información general sobre el documento HTML. Es obligatorio incluir el marcador y dentro de la sección

• Marcador : este campo de metainformación sirve para proporcionar información sobre el documento que no pueda ser expresada en el campo anterior. La información se escribe usando pares nombre/valor que pueden ser empleados para dos propósitos:

*  Proporcionar datos al servidor de HTTP para que genere campos de cabecera (como, por ejemplo, la fecha de caducidad de un documento que se actualiza periódicamente). Se emplean atributos del tipo HTTP-EQUIV y para la segunda los del tipo NAME. En ambos casos, el valor se asigna en el campo CONTENT. 
 

* Para que un usuario incluya información adicional sobre el documento, como palabras clave o el nombre del autor. El atributo NAME se refiere a nombres elegidos al azar por el usuario, mientras que HTTP-EQUIV significa que el valor tiene una cabecera equivalente real en el protocolo HTTP. 
 

Etiquetas de caracteres y tipos de letra:
 

• El lenguaje HTML permite asignar formatos de tipos de letra y caracteres. Los navegadores leen estos marcadores lógicos de tipos de letra de los documentos HTML y los interpretan conforme a su capacidades.

• Existen multitud de marcadores para indicar que una palabra o frase tiene una connotación especial y es obligatorio poner los marcadores de cierre al final del texto afectado. Estos son algunos de los más utilizados

 

LENGUAJE HTML	RESULTADO en navegador
texto en negrita	texto en negrita
texto en cursiva o itálica	texto en cursiva o itálica
texto subrayado	texto subrayado
combinando las tres anteriores	combinando las tres anteriores
fuente tipo de máquina de escribir	fuente tipo de máquina de escribir

  Presentación de textos en color:
 

• En tus documentos puedes especificar el color del texto. Se utiliza una notación basada en los colores RGB empleados por todos lo monitores de vídeo en color. Cada color se especifica utilizando tres números en el rango 0 a 255. La ausencia total de color, el negro se expresa con 000 y la saturación de los tres colores, el blanco como 255255255. Entre ambos se definen los demás colores. Para establecer en HTML color del texto debes convertir a hexadecimal cada uno de estos números. NO ASUSTARSE!!!! En todos los programas de edición de páginas web (incluido Netscape) existe una herramienta para escoger el color del texto (y el del fondo de la página) sin necesidad de estos cálculos. Esta es una de las funciones que puede resultar engorrosa si se utiliza sólo el bloc de notas para realizar paginas web. En cualquier caso existen publicadas en internet tablas de colores y códigos en http://www.reednews.co.uk.colours.html

  Marcador

• : establece con el atributo COLOR el color del texto que indiques.

Marcador

: indica que vamos a crear una tabla.

 

• Atributo BORDER: presenta líneas de separación de celdas así como su ancho en pixels
• Atributo CAPTION: título de la tabla.
• Atributo WIDTH: anchura de la tabla.

 

PIXELS	Pixeles en pantalla.
RELATIVE	Porcentaje de la anchura de página (%)

 Atributo ALIGN en

: tipo de alineación

 

 

JUSTIFY	Ajustar al ancho de la página.
LEFT	Izquierda.
RIGHT	Derecha.

          Marcador              : cabecera de la tabla. Aparecen en negrita.

• Marcador : indica el final de una fila.

• Marcador              : indica un dato de la tabla, es decir una celda.

• Atributo ALIGN en              , y              : tipo de alineación  

CENTER	Centro.
LEFT	Izquierda.
RIGHT	Derecha.

 
  En definitiva, el código del principio de este apartado sobre creación de tablas tendría este resultado:
 
 

Título de la tabla
Cabecera columna 1	Cabecera columna 2
Fila 1, columna 1	Fila 1, columna 2
Fila 2, columna 1	Fila 2, columna 2

    Adición de imágenes internas:
 
Son las imágenes que aparecen cuando se visualiza el documento HTML. Los navegadores sólo pueden visualizar dos tipos de imágenes:
 

• Imágenes en formato GIF o formato de intercambio de gráficos.
• Imágenes en formato JPG o Joint Photographic Expert Group.

El resto de imágenes (tif, bmp, etc.) se tratan como imágenes externas y sólo se pueden visualizar con las aplicaciones auxiliares o los plug-ins de los navegadores
 

Además de que las imágenes tengan que ser de este tipo, es aconsejable que no tengan un tamaño superior a 20-25K para evitar que tarden mucho en cargarse y la página web sea lo suficientemene "ágil". Para ello, es muy importante que la resolución de estas imágenes no sea superior a 75ppp que es la resolución de la pantalla.  Es inútil darles una mayor resolución (que se aplica en la edición en papel) porque sólo van a ocuparnos mayor espacio y no por ello se van a poder ver mejor en el monitor.

• Marcador : permite incluir una imagen en el documento. No necesita terminador.

•  
  • Atributo SRC: permite especificar el archivo que contiene la imagen.
  • Atributo ALT: texto alternativo para cuando no se pueda visualizar la imagen.
  • Atributo ALIGN: alineación física de la imagen.

MIDDLE	Alineación centro.
TOP	Alineación superior.
BOTTOM	Alineación inferior.
LEFT	Alineación izquierda.
RIGHT	Alineación derecha.

• • Atributos HEIGHT Y WIDTH: tamaño de las imágenes en el documento (normalemene en pixeles).
  • Atributo BORDER: permite señalar si se quiere enmarcar la imagen o no, así como el grosor de dicho marco

 Un ejemplo de inclusión de imágen en código html incuyendo todos los atributos  mencionados sería:

Esta línea de codigo indica que insertamos una imagen tipo jpg llamada prueba, de 20x40 pixeles, sin marco, alineada a la derecha y con un texto alternativo (el que aparece cuando no se quieren ver imágenes en el navegador o cuando se están cargando). 
 

prueba de color azul

prueba de color azul

  Atributo TEXT: en el marcador establece el color por defecto del texto de todo el documento.

  Creación de tablas

Una tabla esta compuesta por filas y columnas de información. No solo permiten tabular la información sino mantener un mayor control sobre lo que se visualizará en la pantalla. La intersección de una fila y una columna genera una celda.