lunes, 18 de octubre de 2010

HTML desde 0 Cap.2 La Sintaxis

Lo primero que haremos antes de ponernos a trabajar con HTML es aprender su Sintaxis. Como en todo lenguaje si se quiere hablar correctamente hay que saber como.

HTML es un lenguaje de etiquetas, esto quiere decir que el archivo HTML se compone de etiquetas que le dan formato al documento. Para aprender HTML debemos conocer todas las etiquetas posibles, así como su uso y su propósito.

Una etiqueta de HTML tiene la siguiente estructura:



  • Una etiqueta de HTML forma un elemento.
  • Las etiquetas se abren y se cierran con una Etiqueta Inicial y otra Final.
  • Una etiqueta puede tener atributos que la definan y los atributos variables que los definan.
  • Una etiqueta puede o no tener contenido, ya sea una etiqueta mas o un texto.
Teniendo estas cosas claras sabemos como es la sintaxis de HTML, todo se compondrá de etiquetas y sus atributos y contenidos.

Para empezar y simplificando un archivo .html o .htm tiene la etiqueta principal <html>...</html>. Como se ve la etiqueta se cierra y los puntos suspensivos representan su contenido. 
Dentro de la etiqueta <html> tendremos otras dos principales mas.

La etiqueta <head>...</head> y la etiqueta <body>...</body>. La etiqueta <head> contendrá información acerca de nuestro archivo html. Una de las etiquetas mas importantes dentro de <head> es la etiqueta <title>...</title> que define el titulo del documento, el cual sera mostrado por el navegador. La etiqueta <body>...</body> contendrá el cuerpo de nuestro documento.Es importante que vayan en este orden.

Ahora tocara el turno de realizar nuestra primera practica de HTML:
  • PRACTICA 1: Documento básico HTML

  1. Abriremos nuestro editor de texto plano o programa de diseño HTML.
  2. Escribiremos las principales etiquetas.
  3. Pondremos de titulo a nuestro primer documento HTML: "Hola Mundo HTML"
  4. Guardaremos en formato .html o .htm
  5. Abriremos el documento HTML con diferentes navegadores y veremos su resultado.
  • SOLUCION:
<html>
            <head>
                          <title>Hola Mundo HTML</title>
            </head>
            <body></body>
<html>

No hay comentarios:

Publicar un comentario

Enlaces

Related Posts Plugin for WordPress, Blogger...