Características del lenguaje HTML

Elementos

Cada elemento de un documento HTML consta de una marca de comienzo, un bloque de texto y
una marca de fin. <MARCA>bloque de texto</MARCA>. Por ejemplo, <H1>Titular de nivel 1</H1>

Estos elementos se denominan contenedores , porque contienen un bloque de texto entre las dos
marcas. También existen elementos vacíos , que no afectan a bloques de texto y, por tanto, no
contienen marca de fin.

Por ejemplo, línea 1 <BR> línea 2

Atributos

Muchos elementos tienen atributos que definen propiedades del elemento: <MARCA
ATRIBUTO="VALOR"> bloque de texto </MARCA>. Por ejemplo, <H1 ALIGN="CENTER">Titular de
nivel 1 centrado</H1>

Es recomendable encerrar los valores de los atributos entre comillas dobles. En algunos casos es
además obligatorio (por ejemplo, si contienen espacios en blanco).

Distinción entre mayúsculas y minúsculas

HTML no distingue entre mayúsculas y minúsculas. Cuando es importante hacerlo, cosa que puede
ocurrir con los valores de algunos atributos (por ejemplo, nombres de ficheros), es preciso encerrar
el valor entre comillas dobles. Por ejemplo, <IMG ALT="" SRC="BolaRoja.gif">

Comentarios

Los comentarios se escriben en HTML de la siguiente forma: <!-- Esto es un comentario -- >. Los
caracteres de inicio del comentario, <!-- deben ir juntos, pero se permiten espacios entre los -- y el
> del final. Los comentarios pueden expandirse varias líneas, aunque no es conveniente porque
algunos visualizadores pueden no interpretarlos.

Interpretación de espacios, tabulaciones y retornos de carro

Los espacios, tabulaciones, líneas en blanco y retornos de carro del documento HTML se ignoran,
tomándose como un único espacio en blanco. Esto permite añadir espacios para aumentar la
claridad del documento. Cuando se quiere forzar un espacio en blanco, se hace de la siguiente
forma: &nbsp;

Estructuración

HTML es un lenguaje estructurado. Existen unas reglas estructurales sobre dónde pueden y no
pueden ir los elementos. Por ejemplo,

Ciertos elementos no pueden contener otros elementos. Por ejemplo, no es correcto colocar un
titular dentro de otro. Además, tampoco tiene sentido hacerlo. <H1><H2>Texto</H2></H1>

Los elementos no se pueden solapar. No es correcto escribir <EM><H1>Texto</EM></H1>

Titulares o Encabezados
Se pueden utilizar distintos niveles de titulares para las distintas secciones de un documento. Para
ello se usa el elemento Hn, siendo n un número del 1 al 6 que indica el nivel del titular. <Hn>titular
n</Hn>. El titular de nivel 3 coincide en tamaño con el texto normal.

Líneas horizontales

Una línea horizontal se dibuja mediante el elemento vacío HR: <HR SIZE="altura en puntos"
WIDTH="anchura en puntos">

Ejemplos: <HR> <HR SIZE="20"> <HR WIDTH="300"> <HR SIZE="20" WIDTH="300">

Imágenes

Las imágenes se colocan con el elemento IMG: <IMG SRC="fichero imagen" WIDTH="anchura"
HEIGHT="altura"

ALIGN="alineación">

Enlaces de hipertexto

Permiten conectar un documento con otros documentos u objetos. Los enlaces se colocan mediante
el elemento ancla, A: <A HREF="url del documento">texto del enlace</A>

La parte activa del ancla puede ser también una imagen: <A HREF="url del documento"><IMG
SRC="fichero imagen" BORDER="0"></A>

URL ( Uniform Resource Locator )

El URL de un documento es el nombre que identifica unívocamente al documento en la red. El URL

se compone de varias partes (no todas las partes tienen por qué estar presentes):

Protocolo mediante el cual se accede al documento.

Nombre de dominio.

Nombre de la carpeta de la máquina donde se encuentra el documento. Este nombre indica la ruta
desde la carpeta raíz de la web hasta la carpeta donde se encuentra el documento.

Nombre del fichero.

Estructura de una página HTML

Estructura básica

Cada página comienza con: < HTML > .

A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD > .

Después, el comando < BODY >, que indica el comienzo del cuerpo de la página. Las instrucciones
HTML se escribirán a continuación, y finalizarán con < /BODY >.

La página acabará con < /HTML > .

Cabecera

La cabecera de un documento está delimitada por las etiquetas < HEAD > y </HEAD > Sus
componentes son opcionales. El más importante es <TITLE> , que permite escribir el título del
documento. El título no se muestra en la página, sino en la parte superior de la ventana del
visualizador, como identificador en los bookmarks y en la history list. Se utiliza de la siguiente forma:

<HEAD>

<TITLE>Título del documento HTML</TITLE>

</HEAD>

Cuerpo

Es la parte delimitada por <BODY> y < /BODY > . Puede llevar los siguientes atributos:

BACKGROUND="imagen": define el fondo. Más adelante veremos más sobre imágenes.

BGCOLOR="######": color del fondo (sólo si no se define una imagen de fondo, o si ésta imagen no
puede obtenerse.. Más adelante veremos más sobre colores. Por ahora nos basta saber que para
los colores básicos se puede utilizar su nombre en inglés: white, blue, red, green ...

TEXT="######": color del texto. Por defecto será negro.

LINK="######": color de los links. Por defecto será azul.

VLINK="######": color de los links visitados. Por defecto será violeta.

Características principales del lenguaje JavaScript

El lenguaje JavaScript como lenguaje tiene ciertas características fundamentales que determinan la
forma en que es interpretado cada vez que se carga la página web en el navegador. Entre estas
características se encuentran:
Distinción entre mayúsculas y minúsculas.

JavaScript es un lenguaje sensible al uso de letras mayúsculas y minúsculas, lo que significa que para
el lenguaje no es igual una palabra escrita toda en letras minúsculas a otra con los mismos caracteres
con una, varias o todas en mayúsculas. Por ejemplo, los identificadores salario, Salario, SaLaRio y
SALARIO dentro de una secuencia de comandos de JavaScript harían referencia a variables distintas.

La distinción entre mayúsculas y minúsculas se aplica a todos los aspectos del lenguaje: palabras
clave, operadores, identificadores de variables, manejadores de eventos, propiedades de objetos,
etc. De hecho, todas las palabras clave de JavaScript están definidas en minúsculas. Así cuando use
un condicional if, debe asegurarse que lo escribe en minúsculas y no usar If, iF o IF.

Espacios en blanco.

Los caracteres de espacio en blanco son todos aquellos caracteres que ocupan un espacio en la
pantalla sin representación visible. Es así que son espacios en blanco los caracteres ingresados con
la barra espaciadora, los espacios ingresados con la tecla de tabulación y los caracteres de nueva
línea ingresados con una tecla ENTER.

Lo que debe tener en mente con respecto a los espacios en blanco es que para JavaScript cualquier
secuencia excesiva de caracteres de espacio en blanco es ignorada, de modo que para JavaScript
será lo mismo tener cualquiera de las siguientes instrucciones:

x = x + 1;

x = x + 1;

x+1

Debemos concluir entonces que el uso de excesivos espacios en blanco es más una conveniencia del
programador que del intérprete de las secuencias de comando. El uso intencionado de excesivos
espacios en blanco sirve exclusivamente para volver el código más legible a los programadores.

Comentarios.

Un aspecto indispensable a la hora de digitar código para cualquier programador es documentarlo,

lo que significa, que es muy importante comentar el código a medida que se va ingresando

Los comentarios son anotaciones relevantes que se ingresan directamente dentro del código fuente
de una secuencia de comandos con el propósito de indicar el propósito del uso de una función, de
una o más variables, de la utilización de una sentencia condicional o bucle, tanto para el mismo
programador, como para cualquier otro que vaya a utilizar o modificar ese código.
En JavaScript se pueden utilizar comentarios de una línea o comentarios de bloque. Se utiliza la
secuencia de caracteres compuesta por dos barras inclinadas consecutivas (//) para el comentario
de una línea. En tanto que se utiliza la secuencia de caracteres compuesta por una barra inclinada y
un asterisco para abrir un comentario de bloque y un carácter asterisco seguido de una barra
inclinada para cerrarlo.

Ejemplos:

var edad = 25; //Almacena la edad del usuario.

/* La función square espera un argumento o parámetro numérico y devuelve el cuadrado de ese

valor */

function square(x){

return x * x;

Tipología débil.

JavaScript es un lenguaje que permite trabajar con variables sin necesidad de declarar de qué tipo
son, como es el caso de lenguajes fuertemente tipificados como lenguaje C++, Java o Visual Basic.
En JavaScript el tipo de dato es deducido del contexto en que es utilizada, esto es, en el momento
en que se le asigna un valor. Así si se le asigna un número, entonces la variable asumirá que su tipo
es un número, si por el contrario, se le asigna una cadena de caracteres, entonces JavaScript
entenderá que la variable es una cadena. Lo mismo aplica para un datos booleano. Así, si en
determinado momento el valor de una variable numérica fuera cambiado a una cadena, el tipo de
dato de dicha variable cambiará de forma automática. No lanzará un error, como es el caso en
lenguajes fuertemente tipificados.

La tipología débil de JavaScript obliga a tener muchas precauciones, ya que aunque pareciera ser
una bendición, no tener que declarar las variables de un tipo específico antes de usarlas, también
puede conllevar ambigüedades potenciales, sobre todo en el uso de operadores como el "+", que
es utilizado tanto para la suma numérica, como para la concatenación de cadenas. De modo que:

document.write("3" + 6);

Aparentemente, el resultado de la expresión anterior debería ser 9; sin embargo, observará que
será 36 al ejecutarse el script, ya que el operador "+" tiene como prioridad la concatenación al
intentar sumar un dato cadena con otro numérico.

Instrucciones.
Las instrucciones constituyen la esencia de un lenguaje como JavaScript, ya que es lo que el
intérprete analiza para realizar las acciones específicas.

En JavaScript, las instrucciones se pueden terminar con un carácter de punto y coma (;) o con un
carácter de retorno de carro (ENTER). A pesar de que pueden utilizarse uno u otro, es conveniente
que se use el punto y coma como recomendación.