Urutech soluciones globales en computación

Curso Kamikaze > Estructura del HTML ::

En este capítulo nos concentraremos en los aspectos básicos del HTML, veremos algunas etiquetas de las más importantes a la hora de crear una página web.

Para crear una página web, seguimos los siguientes pasos:

Crear un archivo nuevo en Notepad (Bloc de Notas)
Escribir código HTML (etiquetas), debemos aprender un poco más para hacerlo
Guardar el archivo con extensión HTM
Ya hemos creado una página web!!! (aunque esté vacío, el archivo se abre en cualquier navegador)

Las etiquetas que componen las estructura de una página web podemos decir que son 3: HTML, HEAD y BODY. La etiqueta HTML sirve para decirle al navegador que lo que se intenta ver es una página web. HEAD indica el cabezal o cabeza de la página, por lo general tiene contenido invisible al usuario, luego veremos que tipo de contenido se encuentra en el HEAD de una página web. Por último tenemos la etiqueta BODY, dentro de ella vamos a poner todo el contenido visible de la página, texto, imágenes, tablas, listas, links, etc.

IMPORTANTE: se utiliza la misma estructura en TODOS LOS DOCUMENTOS HTML.

Antes de seguir voy a introducir un concepto o a aclararlo. Cuando digo que algo está dentro de una etiqueta es que en el texto del HTML, ese algo se encuetra entre la apertura y cerradura de la etiqueta. Entonces se puede decir que una etiqueta ET1 está dentro de otra etiqueta ET2 cuando vemos el ejemplo:

<ET1>
   <ET2>
      Texto dentro de ET2
   </ET2>
</ET1>

Solo para aclarar, en este ejemplo se puede decir que ET2 está efectada por ET1, y el texto está afectado tanto por ET2 como por ET1.

Regresando a las 3 etiquetas mencionadas antes ( HTML, HEAD y BODY ), en una página web la primer etiqueta que se abre y la última en cerrarse es HTML, dentro de esta se encuentran HEAD primero y luego BODY, de forma separada, ya que las aperturas y cerraduras de etiquetas no se deben intersectar, vemos un ejemplo de cómo es la estructura:

Forma correcta:

<HTML>
<HEAD> etiquetas de la cabeza </HEAD>
<BODY> etiquetas del cuerpo </BODY>
</HTML>

Forma incorrecta:

<HTML>
<HEAD> etiquetas de la cabeza <BODY></HEAD>
etiquetas del cuerpo </BODY>
</HTML>

Las etiquetas no deben intersectarse, la que abre primero cierra último, es la regla de oro. No puede pasar que se abra ET1, luego se abra ET2 y luego se cierre ET1, debe primero cerrarse ET2 y luego cierra ET1.

Por ahora la única etiqueta que vamos a poner dentro de HEAD es TITLE. Con TITLE le decimos al navegador web cual es el título de nuestra página, el efecto que esto causa es mostrar el texto que elegimos como título en la barra superior del navegador, también llamada "barra de título". El siguiente código HTML es cómo debe lucir cualquier página web vacía de contenido, y a partir de él se comienza a crear cualquier página web.

<HTML>
   <HEAD>
      <TITLE> Este es mi título </TITLE>
   </HEAD>
   <BODY>
      Contenido de la página
   </BODY>
</HTML>

El título no es parte de la estructura, pero como se utiliza en todas las páginas web, me pareció bien verlo en este capítulo.

[ anterior | índice | siguiente ]

Introducción al HTML
Estructura del HTML
Colores para los objetos HTML
El cuerpo de la página
Etiquetas de separación
Estilo del texto 1
Estilo del texto 2 (el comando FONT)
Listas, una buena manera para esquematizar y organizar.
Imagen, sonido y video
Links (hipervínculos)
Marquesinas

Novedades ::

~ Empezamos el año con nuevo diseño.

~ Ahora hay listas de precios divididas por productos con todas la información necesaria para orientarte según tus necesidades.

~ Seguimos agregando programas interesantes a nuestros Downloads!.

~ Se completó el área de desarrollo de software con información sobre el servicio, tutoriales, proyectos actuales y muestras de trabajo para descargar.

Estadísticas

Sitio anterior de Urutech
Pablo Pazos