Html

Solo disponible en BuenasTareas
  • Páginas : 18 (4373 palabras )
  • Descarga(s) : 0
  • Publicado : 27 de marzo de 2011
Leer documento completo
Vista previa del texto
TEXTO DEL MANUAL DE HTML, WEBMAESTRO
QUE SE ENCUENTRA EN INTERNET EN: Francisco Arocena farocena@lander.es http://www.lander.es/webmaestro ----------------------------------------------------INDICE HTML BASICO 1 Una página básica 2 Dando forma al texto 3 Enlaces con otras páginas 4 Imágenes 5 Caracteres especiales HTML INTERMEDIO 6 Los estándares del HTML 7 Fondos 8 Alineación y dimensionado deimágenes 9 Formato de las imágenes 10 Tablas 11 Formularios 12 GIFs animados 13 Mapas 14 Frames 15 Sonidos 16 Texto en movimiento 17 Publicación y promoción de una página 18 Contadores de visitas 19 Componer con estilo TEMAS AVANZADOS 20 Applets de Java 21 Trucos diversos 22 Canales de chat en páginas Web INDICE DE ETIQUETAS Elementos para páginas del Web CANAL DE CHAT Conexión en directo ( Enpreparación) 23 Hojas de estilo en cascada -------------------------------------------------------------------

HTML BASICO:
1. Una página básica
El principio esencial del lenguaje HTML (HyperText Markup Language) es el uso de las etiquetas (tags). Funcionan de la siguiente manera: Este es el inicio de una etiqueta. Este es el cierre de una etiqueta. Las letras de la etiqueta pueden estar enmayúsculas o minúsculas, indiferentemente. Por claridad, se usarán en este manual solamente las mayúsculas. Lo que haya entre ambas etiquetas estará influenciada por ellas. Por ejemplo, todo el documento HTML debe estar entre las etiquetas y : [Todo el documento] El documento en sí está dividido en dos zonas principales: El encabezamiento, comprendido entre las etiquetas y El cuerpo,comprendido entre las etiquetas y Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas y . El título debe ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan nuestra página a su bookmark (o agenda de direcciones). Dentro del cuerpo está todo lo quequeremos que aparezca en la pantalla principal (texto, imágenes, etc.) Por tanto, la estructura queda de esta manera: Título de la página [Aquí van las etiquetas que visualizan la página] Antes de crear nuestra primera página, unas consideraciones sobre el texto: Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin quetengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta , (que no tiene su correspondiente etiqueta de cierre ) El texto puede tener unas cabeceras, comprendidas entre las etiquetas y , y , etc. (hasta el número 6), siendo el número indicativo del tamaño. El tamaño mayor es el correspondiente al número 1. Puedes experimentar en el ejemploque sigue, cambiando el número para comprobar el efecto que se logra. Una etiqueta muy interesante es la de centrado y (no la soportan todos los navegadores, aunque sí la mayoría de ellos). Nos centra todo lo que esté dentro de ella, ya sea texto, imágenes, etc. También tenemos los separadores (horizontal rules), que se consiguen con la etiqueta (no existe la correspondiente de cierre). Con ellase obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo, como se puede observar a continuación:

1. Ejemplo práctico, En el procesador de texto copiamos lo siguiente: Mi pagina del Web - 1 Primera pagina Esta es mi primera pagina, aunque todavia es muy sencilla. Como el lenguaje HTML no es dificil, pronto estare en condicionesde hacer cosas mas interesantes. Aqui va un segundo parrafo. Las líneas en blanco y las indentaciones del texto se han puesto para mayor claridad, pero no son necesarias. De hecho, podría estar todo en una sola línea. Lo importante es el orden correcto de las etiquetas. Por cierto, una etiqueta puede estar anidada dentro de otra. Véase en el ejemplo cómo lo está la etiqueta dentro de la...
tracking img