My Space to Share

Aprender HTML

Posted by Jhon Alexander en Jueves, diciembre 27, 2007

En este lanzo de tiempo, por navidad y fin de año que nos dio la UNL he aprovechado para aprender HTML que me servirá de mucho para la materia de desarrollo de aplicaciones Web.
Introducción:

HTML (HyperText Markup Languaje). Lenguaje de marcado de hipertexto, es el lenguaje base para la creación de paginas web, sobré una página HTML se pueden insertar pedazos de código de otros lenguajes para los que están preparados los servidores y navegadores actuales, como Javascript, Jsp, PHP, etc…

Conceptos básicos de HTML

El lenguaje está pensado para hacer documentos; normalmente los documentos contienen texto, párrafos, imágenes, tablas, formularios, enlaces etc. y mantienen una estructura sencilla, pues así de simple será el HTML, actúa mediante tags sobre el texto.
<tag> Texto sobre el que actúa la tag </tag>
<tag>” indica el comienzo de la tag y “</tag>” el fin, estas encierran el texto sobre el que actúan.

Estructura del documento HTML

Hay tres tags que describen las partes del documento html y nos serán imprescindibles.

  • <html><\html> Nos indican el principio y el fin del código HTML.
  • <head><\head> Especifica el protocolo (encabezamiento) y tiene el tag <title><\title> que es utilizado para el titulo de la pagina por el navegador.
  • <body><\body> Contiene todo el código restante del documento.

Ejemplo básico:

Este ejemplo ha sido desarrollado en el notepad y guardado con extensión html, descargar código fuente. Download

html.jpg


Abrimos la pagina html directamente desde el mozilla firefox y deberiamos obtener el siguiente resulatado:

html-mozilla.jpg


Nota: Se pueden escribir tanto en mayúscula como en minúscula, es indiferente, el lenguaje no es sensible a ello.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: