ABREVIACIONES

 

HTML: Lenguaje de marcación de hipertexto.

HTTP: Protocolo de tranferencia de hipertexto

WWW: World Wide Web

 

DEFINICIONES

 

NAVEGADOR: Un navegador o navegador web, conocido internacionalmente como browser, es un software que permite el acceso a Internet, interpretando la información de archivos y sitios web para que éstos puedan ser leídos.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más.

 

PÁGINA WEB:Una página web (o página electrónica, según el término recomendado por la Real Academia Española1 ) es un documento o información electrónica capaz de contener texto,sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada,guiones (scripts), imágenes digitales, entre otros.

 

PORTAL: Un portal de Internet es la puerta de entrada que permite el acceso fácil e integral a los distintos contenidos de un cierto tipo de información en la Web. Tiene como servicios: búsquedas, temáticas, foros, blogs, etc.

 

BLOG: Un blog (en español,1 también bitácora digital, cuaderno de bitácora, ciber bitácora, ciber diario, o web blog 1 ) es un sitio web en el que uno o varios autores publican cronológicamente textos o artículos, apareciendo primero el más reciente, donde el autorconserva siempre la libertad de dejar publicado lo que crea pertinente y donde suele ser habitual que los propios lectores participen activamente a través de sus comentarios. Un blog puede servir para publicar de ideas propias y opiniones sobre diversos temas.

 

DOMINIO: Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet.

El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IPde cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.

 

HOSTING: El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios deInternet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidorque por lo general hospeda varias aplicaciones o páginas web.

Lenguaje de marcación de hipertexto

 

Elementos en un documento HTML

En esta guía, a las instrucciones que forman el lenguaje HTML les llamaremos elementos. Otros autores también las denominan "TAGS", o "ETIQUETAS". La notación de los elementos consiste en los símbolos < y > que encierran dentro una instrucción.

Los elementos pueden ser llenos o vacíos.

 

Elementos llenos

Se forman escribiendo la instrucción correspondiente seguida del texto al que se quiere aplicar la instrucción y se termina repitiendo la instrucción pero con una barra inclinada inmediatamente antes de la misma. 

Por ejemplo, el elemento H1 que sirve para dar el máximo tamaño al texto, se escribirá:

<H1> Texto de prueba </H1>.

y este sería el resultado:

Texto de prueba

Si olvidas poner </H1> todo el resto de la página tendrá el mismo tamaño grande.

 

Elementos vacíos

Los elementos vacíos se escriben como los llenos, pero no es necesario poner la instrucción repetida al final con una barra. Esto se debe a que estos elementos no producen un efecto sobre el texto. Generalmente se utilizan para separar bloques de texto, y por tanto no es necesario indicar su fin. Empiezan y terminan en el mismo punto.

Por ejemplo, el elemento <HR> que sirve para dibujar una linea horizontal en la pantalla, se escribirá:

<HR>

Y este sería el resultado:


 

Elementos con argumento

 

Algunos elementos se escriben con argumento. Es como pasarle parámetros a la instrucción, y se llaman atributos del elemento.

Por ejemplo, el elemento <A> que sirve para hacer un link (enlace) con otro documento o con otra página del actual, se escribirá:

<A HREF="http://www.miservidor.es/mifichero.htm"> Link de prueba </A>.

Este es un elemento lleno donde al atributo HREF se le asigna el valor que aparece entre comillas: "http://www.miservidor.es/mifichero.htm". El texto al que afecta este elemento es Link de prueba y realiza un link con el fichero mifichero.htm que está en el servidor www.miservidor.es.

Los elementos pueden escribirse tanto en mayúsculas como en minúsculas. Puede ser preferible la primera opción ya que aporta claridad al documento fuente, y eso se agradece a la hora de hacer correcciones, pero CUIDADO, el valor de algunos atributos hay que escribirlos EXACTAMENTE como deban ser. En el ejemplo anterior no funcionaría el link si escribiéramos www.miservidor.es en mayúsculas, eso es un nombre de máquina y sería interpretado como OTRA máquina.

Los elementos pueden anidarse unos con otros, teniendo cuidado de poner los cierres en el lugar adecuado. Por ejemplo, el elemento <H1> combinado con <I> que sirve para generar texto en itálica, se escribirá:

<H1><I>Texto de prueba </I></H1>.

y este sería el resultado:

Texto de prueba

Los elementos, en HTML, los puedes escribir tanto en mayúsculas como en minúsculas. Funciona igual <P> que <p>. A la hora de revisar el código escrito, resulta más claro si se escribieron en mayúsculas, pero si en el futuro hay que convertir la página a otro estándar, como el XHTML, no se admitirán las mayúsculas. Si no piensas migrar a otras tecnologías, hazlo como más cómodo te resulte

La estructura de una página

La estructura básica de una página es:

<html>

<head>

...

</head>

<body>

...

</body>

</html>

Ahora veamos cómo funcionan estas etiquetas.

 

Identificador del tipo de documento <html>

 

Todas las páginas web escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas <html> y </html>.

Entre las etiquetas <html> y </html> estará comprendido el resto del código HTML de la página.

Por ejemplo:

<html>

...

</html>

 

Cabecera de la página <head>

 

La cabecera de la página se utiliza para agrupar información sobre ella, como puede ser el título.

Está formada por las etiquetas <head> y </head>. La etiqueta <head> va justo debajo de la etiqueta <html>.

Por ejemplo:

<html>

<head>

...

</head>

...

</html>

Entre las etiquetas <head> y </head>, las etiquetas que podemos encontrar y más se utilizan son: 

<link>, <style>, <script>, <meta> .

 

Título de la página <title>

El título de la página es el que aparecerá en la parte superior de la ventana del navegador, cuando la página esté cargada en él.

Para asignar un título a una página es necesario escribir el texto deseado entre las etiquetas <title> y </title>.

Estas etiquetas han de estar dentro de la cabecera, es decir, entre las etiquetas <head> y </head>.

Por ejemplo:

<html>

<head>

<title>

Curso de HTML

</title>

</head>

...

</html>