Ver más ...
Mostrar Navegación Móvil

martes, 24 de abril de 2012

, ,

Introducción a HTML

Claudio - abril 24, 2012

Tutoriales de Rincón Freelance


¿Qué es HTML?


HTML (HyperText Markup Language) es el lenguaje que se emplea para el desarrollo de páginas de internet.
El lenguaje HTML es un estándar reconocido en todo el mundo. Sus normativas están definidas por  y un organismo sin ánimo de lucro llamado World Wide Web Consortium (http://www.w3.org/), más conocido como W3C.  HTML es un estándar reconocido por todo el mundo, lo que permite que una misma página HTML pueda visualizarse de forma muy similar en cualquier navegador de cualquier sistema operativo.

HTML es un lenguaje muy fácil de aprender. Está basado en el uso de etiquetas, formadas por textos ASCII y encerradas entre los caracteres: < y >.

La etiqueta de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /. La etiqueta afectará por tanto a todo lo que esté incluido entre las etiquetas de  inicio y fin. No obstante, existen algunas que no necesitan cierre, ya que en estas etiquetas se presupone su final, como por ejemplo; <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen.

Una etiqueta también puede contener uno o varios atributos (parámetros o propiedad), que en su mayoría son opcionales, brindando así poder definir diferentes posibilidades o características a la misma. Estos atributos quedarán definidos por su nombre según su utilidad y el valor que toman separados por un signo de igual. En el caso de que el valor que tome el atributo tenga más de una palabra deberá expresarse entre comillas, en caso contrario no será necesario.

Así la siguiente la etiqueta con atributo nos permitirá definir una tabla con borde de tamaño 2:

<TABLE border=2>

Estructura HTML


Para entender mejor veamos la estructura básica de una página o documento HTML:

Estructura HTML (Rincón Freelance)
Estructura HTML (Rincón Freelance)

Las etiquetas <HTML></HTML> indican el principio y fin de la página web, la cual está dividida en dos secciones enmarcadas por las etiquetas <HEAD></HEAD>, que representan el inicio y fin de la sección de cabecera de la página, y <BODY></BODY>, que encierran el cuerpo del documento HTML.

Mi primera página HTML


pagina1.html (Roncón Freelance)
Ahora manos a la obra. Hagamos nuestra primera página HTML. Para ello podemos utilizar cualquier procesador de textos, como Bloc de Notas, por ejemplo. Después de abrir el procesador de textos de su preferencia, escriba o copie el siguiente código HTML:

Después de editar el siguiente código guarde el archivo como pagina1.html y ábralo en su navegador favorito.

¿Extensión .HTM o .HTML?

Al guardar un documento HTML, puede utilizarse tanto la extensión .html como .htm. Nosotros utilizaremos en nuestros tutoriales la extensión .html.

pagina1.html (Rincón Freelance)
El resultado del código lo apreciamos en la siguiente imagen. Podemos ver el título de la página: "Mi primera página HTML" (enmarcado por la etiqueta <TITLE></TITLE> dentro de la sección de cabecera) y el cuerpo del documento que aparece después de una línea en blanco (etiqueta <BR>). También note que la palabra "HTML" aparece en negrita por estar dentro de las etiquetas <B></B>.


Free Website Hosting