Introducción al HTML

March 21, 2009 on 12:00 am | In HTML | No Comments
  1. ¿Qué es el HTML?
  2. ¿Quién define el HTML?
  3. Herramientas para crear código HTML
    1. Editores de Texto
    2. Herramientas WYSIWYG
    3. Herramientas On-Line
  4. Artículos relacionados

¿Qué es el HTML?

HTML significa HyperText Markup Langauage. Es un lenguaje para crear páginas web mediante el uso de etiquetas. Dentro de este lenguaje, se puede incluir texto, imágenes, elementos multimedia, enlaces a otras páginas y elementos,...

Los navegadores o browsers serán los encargados de leer e interpretar el lenguaje HTML de las páginas web con el fin de configurar la forma gráfica de la página.

Una de las características del lenguaje HTML son los enlaces. Los enlaces nos permiten establecer navegaciones de una página web a otra. Esto es lo que hace diferente al HTML de otros formatos como Microsoft Word, PDF,...

¿Quién define el HTML?

El organismo que gestiona la especificación del lenguaje HTML es W3C (Word Wide Web Consortium). La última versión del estándar es HTML 4.01 (24 de diciembre de 1999).

Si bien en un principio se pensó que el HTML fuese un lenguaje portable en su totalidad a diferentes maquinas, ya fuesen MAC, UNIX,... hoy en día cada empresa ha ido generando sus variaciones sobre los estándares, por lo que puede suceder que haya algunas etiquetas que no sean visualizados por algunos navegadores o se visualicen de diferente forma.

Esto implica que cuando desarrollemos una página web, nos veamos obligados a escribir código específico para alguno de los navegadores, así como a realizar un testing sobre las diferentes plataformas/navegadores, asegurando la compatibilidad de nuestra web.

Herramientas para crear código HTML

Las páginas HTML son nada más que texto plano. Es por ello que, para crearlas, simplemente necesitemos de la ayuda de un editor o procesador de textos.

Editores de Texto

Puedes utilizar cualquier editor de texto. El Notepad o WordPad de Microsoft Windows, UltraEdit, NoteTab,...

Herramientas WYSIWYG

Si bien, existe otra alternativa que es el utilizar herramientas WYSIWYG (Why You See Is What You Get). Estas herramientas nos proporcionaran un interface gráfico para poder montar la página web, ocultándonos el código HTML que se genera por debajo. Si bien, estas herramientas, casi siempre, nos dejarán editar el código HTML generado.

Algunos ejemplos de herramientas:

Herramientas On-Line

Ahora está muy de moda el crear la página web desde una herramienta on-line. Es decir, desde una página web. Este tipo de sitios te permiten dos cosas: por un lado crear tu página web de forma gráfica y por otro almacenarla (en muchos casos de forma gratuita) para que la pueda visualizar la gente.

Algunos de estos sitios son:

Artículos relacionados

tags:, , , , , , , , , , , , ,

Introducción a la World Wide Web

March 20, 2009 on 12:00 am | In HTML | No Comments
  1. Los inicios de la World Wide Web: HTML
  2. ¿Cómo nos movemos por la red?
  3. Identificaciones

Hoy en día la tecnología de la red, va avanzando a pasos agigantados. ¿Por qué? La razón es que tanto las empresas como a nivel individual la sociedad se esta dando cuenta de todas las posibilidades que la 'red de redes' nos ofrece.

Los inicios de la World Wide Web: HTML

El inicio de la World Wide Web tiene su inicio en el problema de la compartición de datos entre dos soportes físicos independientemente del tipo que sean (UNIX, Mac,...). Con la intención de resolver esto nace el lenguaje HTML, del cual nos encontramos con su especificación oficial 4.01 (24/diciembre/1999) y con un borrador de la versión 5.0 (12/febrero/2009).

El lenguaje HTML (HyperText Markup Language) o en español Lenguaje de Etiquetas de Hipertexto, es, como su definición dice, un lenguaje de texto al que se añaden etiquetas, las cuales condicionan la representación del texto. Las etiquetas son lo que podríamos tomar como "comandos".

Cada documento HTML contiene enlaces a otros documentos, a los cuales les sucede lo mismo, por lo que se va tejiendo como una tela de araña (World Wide Web, w3 o "red de redes").

¿Cómo nos movemos por la red?

El fundamento de la World Wide Web es la arquitectura cliente-servidor, es decir, nosotros (los clientes) nos conectamos desde nuestros ordenadores usando un "agente de usuario" o "navegador" o "browser" utilizando el protocolo http a un servidor de información.

El protocolo http es un protocolo de transmisión sin estado, es decir, cada conexión cliente-servidor es como si fuera la primera vez. Por cada documento HTML se establece una nueva conexión.

La conexión con un determinado documento es posible ya que cada sitio tiene su propia dirección URL. ¿Que es esto?. Pues la dirección URL la utilizamos todos los días, por ejemplo cuando ponemos:

http://www.greenpeace.org

[servicio] : //[identificación]

En caso de omitir el servicio, el que se usa por defecto es http.

Identificaciones

Como sabemos de que tipo es la página a la que vamos. Pues para conocerlo solo nos tenemos que fijar en el sufijo de la identificación, tenemos los siguientes ejemplos:

http://www.greenpeace.org -- hace referencia a una organización
http://www.red.es -- hace referencia al país en el que se encuentra la página
http://www.whitehouse.gov -- hace referencia a asociaciones gubernamentales
http://www.google.com -- si bien es el más extendido lo toman páginas de estados unidos
http://www.mit.edu -- hace referencia a una página de temas culturales y de educación
http://www.navy.mil -- son las páginas que pertenecen a formaciones militares.

tags:, , , , , ,

Creado con WordPress y basado en el theme Pool.
Entries and comments feeds. Valid XHTML and CSS. ^Top^
aulambra.com | Linea de Código | Manual Web | W3Api | Dudas de Programacion