BIENVENIDA
¡Hola¡ Bienvenidos a mi blog donde encontraran el manual HTML que le puede ayudar como guía cuando lo necesiten "VAMOS"
Entradas
QUE ES EL LENGUAJE HTML
QUÉ ES Y PARA QUÉ SIRVE HTML HTML Es un lenguaje que se utiliza para la creación de páginas en la WWW. Por página entenderemos el documento que aparece en el navegador o visualizador. CÓMO ES HTML HTML Se compone de una serie de comandos, que son interpretados por el visualizador, o programa que utilizamos para navegar por el WWW. En última instancia es el visualizador el que ejecuta todas las órdenes contenidas en el código HTML, de forma que un visualizador puede estar capacitado para unas prestaciones, pero no para otras. Así, podremos especificar que una página tenga una imagen de fondo, o un texto parpadeando, pero si nuestro visualizador no está capacitado para esas funciones, no podremos verlas.
ESTRUCTURA DOCUMENTO HTML
El principio esencial del lenguaje HTML es el uso de las etiquetas (tags). Funcionan de la siguiente manera: <XXX> Este es el inicio de una etiqueta. </XXX> Este es el cierre de una etiqueta. Las letras de la etiqueta pueden estar en mayúsculas o minúsculas, indiferentemente. Un documento HTML en sí está dividido en dos zonas principales: El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD> El cuerpo, comprendido entre las etiquetas <BOBY> y </BOBY> Dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal del BROWSER que es utilizado para visualizar el documento HTML, principalmente la información encontrada en el encabezamiento es el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE> . El título debe ser breve y descriptivo de su contenido. Por tanto, la estructura de un documento HTML queda de esta manera: Ejemplo, ejercici...
FORMAS DE TEXTO EN DOCUMENTO HTML
Cuando escribimos en el documento el texto que queremos que aparezca en la pantalla, veremos que éste se acomoda a ella, sin que tengamos que pulsar el retorno del carro. Si queremos separar el texto en distintos párrafos debemos usar la etiqueta <P> , (que no tiene su correspondiente etiqueta de cierre </P> ) Una etiqueta muy interesante es la de centrado <CENTER> y </CENTER> (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 <HR> (no existe la correspondiente de cierre). Con ella se obtiene una raya horizontal tan ancha como la pantalla, y con la apariencia de estar embutida sobre el fondo. Si queremos separar los párrafos, o cualquier otra cosa, pero sin dejar una línea en blanco, usamos una etiqueta parecida <BR> (break, o romper). Tampoco tiene etiqueta...
CARACTERES ESPECIALES
Existen algunas limitaciones para escribir el texto. Una de ellas es debido a que las etiquetas se forman como un comando escrito entre los símbolos "<" y ">" . Por tanto, si se quisieran escribir estos caracteres como parte normal del texto, daría esto lugar a una ambigüedad, ya que el programa navegador podría interpretarlos como el comienzo o final de una etiqueta, en vez de un carácter más del texto. Para resolver este problema, existen unos códigos para poder escribir estos caracteres y otros relacionados con las etiquetas. Como se ve, estos códigos empiezan siempre con el signo “&” y acaban siempre con “;” De una manera similar, existen códigos para escribir letras específicas de distintos idiomas. Hay muchos de ellos, pero, lógicamente, los que más nos interesan son los propios del castellano (las vocales acentuadas, la “ ñ ” y los signos “¿” y “¡” ) Los códigos de las vocales acentuadas se forman comenzando con “&” , seguido de la vocal...
ENLACES
La característica que más ha influido en el espectacular éxito del WEB ha sido, aparte la de su carácter multimedia, la posibilidad de unir los distintos documentos repartidos por todo el mundo por medio de enlaces hipertexto. En general, los enlaces tienen la siguiente estructura: <A HREF="XXX">YYY </A> Donde XXX es el destino del enlace (Obsérvese las comillas). YYY es el texto indicativo en la pantalla del enlace (con un color especial y generalmente subrayado). Tipos de enlaces: 1.Enlaces dentro de la misma página. 2. Enlaces con otra página nuestra. 3. Enlaces con una página fuera de nuestro sistema. 4. Enlaces con una dirección de e-mail. Enlaces dentro de la misma página: A veces, en el caso de documentos (o páginas) muy extensos, nos puede interesar dar un salto desde una posición a otra determinada. En este caso, lo que antes hemos llamado XXX , es decir, el destino del enlace, en este caso el sitio dentro de la página a donde queremos saltar...
IMÁGENES
La etiqueta que nos sirve para incluir imágenes en nuestras páginas del WEB es muy similar a la de enlaces a otras páginas, que hemos visto en el capítulo anterior. La única diferencia es que, en lugar de indicar al programa navegador el nombre y la localización de un documento de texto HTML para que lo cargue, se le indica el nombre y la localización de un archivo que contiene una imagen. La estructura de la etiqueta es: <IMG SRC="imagen.gif> Con el comando IMG SRC (image source, fuente de la imagen) se indica que se quiere cargar una imagen llamada imagen.gif (o el nombre que tenga). Dentro de la etiqueta se pueden añadir otros comandos, tal como ALT <IMG SRC="imagen.gif" ALT="descripción"> Con el comando ALT se introduce una descripción (una palabra o una frase breve) indicativa de la imagen. Este comando, que en principio se puede omitir, es en beneficio de los que accedan a nuestra página con un programa navegador en forma de texto como el ly...
ALINEACIÓN Y DIMENSIÓN IMÁGENES
Si se quieren lograr diseños fantásticos y rodear con textos los gráficos exactamente igual que en las revistas se pueden usar los comando o atributos conjuntamente con la etiqueta <IMG SRC="imagen.gif"> , ALIGN= . Donde quiera que se desee que aparezca una imagen basta con insertar: Dimensionado de imagen: Los programas navegadores cuando cargan un documento HTML y encuentran una etiqueta de una imagen, interrumpen el proceso de carga y solicitan al servidor que le envíe dicha imagen, quedando a la espera hasta que se complete el envío, repitiéndose este proceso con cada una de las imágenes. Esto es especialmente molesto cuando, como ocurre frecuentemente, en la cabecera de la página se encuentra una imagen grande, ya que durante un tiempo relativamente largo no se verá nada en la pantalla. Se puede también, si se quiere, dimensionar las imágenes con unos valores distintos a los que realmente tienen, variando el tamaño, la anchura o la altura. Esto es muy convenient...
FONDOS Y COLORES
Se puede cambiar el fondo de dos maneras distintas: Con un color uniforme Fondos con un color uniforme Se consigue añadiendo el comando BGCOLOR a la etiqueta <BOBY> (situada al principio del documento), de la siguiente manera: <BOBY BGCOLOR="#XXYYZZ" Es decir, que en nuestro caso, el número menor es el 00 y el mayor el FF. Así, por ejemplo, el color rojo es el #FF0000, porque tiene el máximo de rojo y cero de los otro dos colores. Los colores primarios son: Otros colores son: EJEMPLO:
FORMULARIO
La manera general para que los lectores de nuestra página se puedan comunicar con nosotros es por medio de un enlace a nuestra dirección de e-mail, con lo que recibiríamos un e-mail convencional. Pero puede ser que lo que necesitemos sea solamente una respuesta concreta a unas opciones que presentaremos nosotros mismos, o un comentario del usuario, para lo que le suministraremos un espacio en donde introducirlo. Se puede, hacer todo esto, además de otras cosas, utilizando los formularios, con los que se pueden confeccionar páginas que contengan los elementos necesarios para ello, tal como botones de radio, listas de selección, cajetines de introducción de texto y de control, etc., como vamos a ver. Los formularios permiten que los demás nos envíen la información directamente a nosotros o bien a nuestro servidor, en donde hemos instalado un programa que procese esta información. Por ejemplo, vamos a suponer que queremos crear una lista de correo. Los usuarios pued...