Estructura de pagina html

Indice
• Introducción
• Estructura de un documento HTML
o HTML
o HEAD
o BODY
o TITLE
• Organización del texto
o Texto
o Comentarios
o Carácteres especiales
o Salto de línea ()
o Separadores ()
o Estilos físicos
o Estilos lógicos
oFuentes de texto
o Cabeceras ( - )
o Párrafos
o Texto preformateado ()
o Texto parpadeante ()
• Listas
o Listas no ordenadas ()
o Listas ordenadas ()
o Listas de definiciones ()
• Enlaces
• Gráficos
• Tablas
• Otras cosas
• Información sobre HTML
[pic]
Introducción
Antes de ver comocrear un documento HTML aclararemos unos cuantos conceptos sobre su sintaxis. En primer lugar el navegador intentará mostrarnos secuencialmente todos los los elementos que componga nuestra página de izquierda a derecha y de arriba a abajo, salvo que se especifique lo contrario. La forma de cambiar las caracteristicas de los elementos para que se muestren de forma especial es el uso de etiquetas.El conjunto de etiquetas está preestablecido y cada una de ellas aplicará un conjunto de cambios a los elementos a los que sea aplicable. Existen etiquetas de dos tipos:
... elementos ...


A su vez cada etiqueta puede poseer un cojunto de atributos cuyos valores nos puede interesar modificar. Para ello se utiliza la siguiente sintaxis:


Si pinchas aquí podrás ver unejemplo con un poco de todo lo que vamos a aprender a utilizar de HTML
[pic]
Estructura de un documento HTML
La estructura básica de un documento HTML es la siguiente:


título


contenido de la página: texto, imagenes, enlaces, ...



[pic]

Es la principal etiqueta html.Delimita el contenido de toda el documento. Es obligatoria aunque algunos navegadores muestren correctamente la página aunque no aparezca.
[pic]

Contiene información acerca del documento y sobre la forma de interpretar el contenido del la sección . En esta parte del documento se colocan elementos que sin formar parte del documento si que afectan a su forma de actuar y/o de mostrarse enpantalla.
[pic]

Es la parte encargada de contener el documento. Entre la etiqueta de apertura y cierre es donde se introducen todos los elementos de la página: el texto, las imágenes, las tablas, ...
[pic]

Esta etiqueta se utiliza entre y y sirve para definir el título del documento que el navegador suele mostrar en la parte superior de la ventana.Título de mi primera página


Mi primera página.



[pic]
Organización del texto
Texto
El texto puede colocarse directamente entre y . Más adelante veremos ciertas etiquetas que nos permitirán modificar sus características y forma de presentación. El texto, a no se que se especifique lo contrario, se mostrará todocon las características que estén establecidas por defecto. Todos los espacios en blanco y saltos de línea serán sustituidos por un espacio en blanco a no ser que utilicemos la etiqueta que evita dicha sustitución.


ejemplo de texto


Ejemplo de texto en un página. Todos los espacios en blancoy saltos de línea serán sustituidos por un espacio en blanco.



[pic]
Comentarios
Los comentarios en HTML comienzan con . Todo lo que haya entre ellos es ignorado y no se procesa para ser mostrado en pantalla.


ejemplo de comentario


Esta línea no es un...