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

Imagen
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

Imagen
 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

Imagen
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

Imagen
 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

Imagen
 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...