Tutorial html

Estructura de un documento HTML

Los documentos escritos en HTML están estructurados en dos partes
diferenciadas: la cabecera (<HEAD>) y el cuerpo (<BODY>).

Entre las marcas del elemento <HEAD> se podrán utilizar los siguientes
elementos:
<TITLE> para dar nombre al documento;
<META> para forzar a la página activa a ser cargada cada cierto tiempo.
<BASE> para prefijar la dirección base de los documentos referenciados
mediante un URL relativo.

HEAD, TITLE, META, BASE
La cabecera se emplea para facilitar información acerca del documento y está
delimitada por <HEAD> prólogo </HEAD>. Normalmente esta información no se
ve cuando se navega por el documento.

A continuación se muestra un ejemplo del formato mínimo de la cabecera.

<HTML>
<HEAD>
<TITLE> Aqui va el nombre del documento </TITLE>
</HEAD>
Cuerpo del documento
...
</HTML>

BODY
El resto del documento, o sea, todo aquello que no pertenezca a la cabecera,
residirá entre <BODY> y </BODY>. Esta es la estructura mínima que debe
poseer todo documento HTML:

<HTML>
<HEAD> <TITLE>Estructura mínima de un
documento HTML</TITLE>
</HEAD>
<BODY> Documento ... </BODY>
</HTML>

Comentarios
En el código fuente de una página HTM, los comentarios se introducirán
entre las marcas: . Todo texto situado entre dichas marcas será
ignorado por el browser, y por tanto no será visible.

Ejemplo:

Separadores de bloques de texto
 Párrafos <P>
 Saltos de línea <BR>
 Bloques tabulados <BLOCKQUOTE>
 Línea horizontal <HR>
 Divisiones <DIV>
 Texto prefomateado <PRE>
 Direcciones <ADDRESS>
 Centrado de bloques <CENTER>

Tipos de letras
 Cabeceras <Hn>
 Tamaño, color y tipo de letra <FONT>
 Tamaño por defecto de la letra <BASEFONT>
 Estilos de caracteres

Colores
 Texto de colores <FONT>
 Colores del entorno (fondo, texto y enlaces)
<BODY>
 Tabla de códigos de colores

Hiperenlaces
 Explicaciones sobre los hiperenlaces
 Definición de ancla <A>
 Ancla de partida El atributo HREF
 Ancla de llegada El atributo NAME
 Apertura de una nueva ventana El atributo TARGET
 Enlaces a puntos internos a un documento
 Aplicación a notas al pie de página
 Aclaraciones sobre los enlaces
 Servicios de Internet (otros URL)

Tablas
 Definición de la tabla <TABLE>
 Marca de comienzo de una nueva fila <TR>
 Marca de comienzo de una nueva celda <TD>
 Celdas con texto de cabecera <TH>
 Tablas con título <CAPTION>
 Ejemplos I
 Ejemplos II
 Pequeño tutorial de tablas

Formularios
 Introducción
 Atributos comunes
 Marca de comienzo y fin <FORM>
 Campos de entrada de texto y botones <INPUT>
 Listas de selección <SELECT>
 Ventanas de texto con barras de desplazamiento
<TEXTAREA>
 Ejemplo
 Tabla de códigos hexadecimales del Netscape para
Windows

Imágenes
 Introducción
 Inserción de imágenes <IMG>
 Alineación de imágenes El atributo ALIGN
 Extensiones del Netscape para la alineación de imágenes
 Imágenes como fondo de página <BODY>
 Imágenes como marcas de una lista <IMG> <DL>
 Animaciones
 Imágenes y enlaces <IMG> <A>
 Imágenes mapeadas <IMG> <MAP> <AREA>

Símbolos
 ¿Por qué hay que usar códigos?
 Tabla de símbolos

Tutorial html

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à Tutorial html

Similaire à Tutorial html (20)

Dernier

Dernier (20)

Tutorial html