HTML (Parte 1)

Diseño web Posicionamiento SEO Programacion Seguridad informática Sin categoría Software Tecnologías de información
HTML

HTML puede ser definido como un lenguaje de marcado el cual nos permite crear estructuras de sitios web. Una estructura de un sitio web está conformado por el contenido de la misma, como por ejemplo el texto de la página, las imágenes, los formularios, los botones de mando entre otros.

Herramientas básicas a utilizar

Para empezar a crear la estructura de un sitio web lo primero que necesitamos es un navegador web el cual puede ser mozilla Firefox, Google chrome, safari; dejaría por fuera el navegador internet explorer ya que es un poco mas complicado.

De igual forma se empleará un editor de código o en última instancia el Block de notas; para empezar crearemos una carpeta en cualquier versión de Windows que dispongamos, esa carpeta que llamaremos “Mi primer HTML” allí serán almacenados todos los archivos que formarán la estructura de la página web.

Sintaxis de HTML

lo primero que se debe definir es las etiquetas, para ello abrimos el editor de códigos o simplemente el Block de notas, las etiquetas están conformadas por la siguiente sintaxis < xxxxx> Hola</xxxxx> , un inicio y un final el inicio se puede observar que es una etiqueta abierta y después de la palabra “hola” podemos observar que la etiqueta cierra con el slash “/” . Las etiquetas en analogía son márgenes, para darle un titulo a la página web se utiliza la etiqueta “h1”, <H1> La Tecnología en el siglo XXI</H1>, como se puede observar el título de la página web será “La Tecnología en el siglo XXI”. Los caracteres “H1” en el código significan o le dan lugar al título de la página web, para grabar esa página y darle su título si es en el caso del Block de notas le damos click en archivo y grabamos el documento como “Índex.html” , la extensión HTML le indicara al navegador que el documento es una página web.  La etiqueta “H1” significa Header 1,  o encabezado, el “1” indica que es en título con mayor tamaño de la página web, si cambiamos a etiqueta a “H2” se puede observar que el contenido que en este caso es “La Tecnología en el siglo XXI” disminuirá de tamaño, y así sucesivamente que se cambie la etiqueta a <H2> La Tecnología en el siglo XXI</H2>. , <H3> La Tecnología en el siglo XXI</H3> Hasta llegar al H6 que seria el mas pequeño.

Lenguaje de Marcado

Etiquetas básicas de HTML

Es importante mencionar que lo explicado en el párrafo anterior es para observar como es la sintaxis de HTML y como funciona la etiqueta. HTML dispone de unas etiquetas básicas, es como escribir alguna correspondencia en la cual debe tener un encabezado y un cuerpo, así como cuando emitimos una carta a la embajada de Venezuela por poner un ejemplo la cual debe tener una fecha al inicio, la ciudad de donde se está emitiendo un receptor y un contenido, es decir debe tener una estructura básica la carta. Así de esta forma es igual HTML las etiquetas básicas o estructura son las siguientes:

<HTML>

<head>

<title> Mi primer HTML </title>

</head>

<body>

<h1> La Tecnología del Siglo XXI </h1>

</body>

</HTML >

En la estructura anterior, se puede observar que HTML, inicia con la etiqueta HTML, luego tiene una etiqueta de encabezado o cabecera, en la cual ira la información que utiliza el navegador y se mostrará en la URL, y que usa los buscadores para rastrear la página web, luego se observa la etiqueta body o cuerpo de la página que es donde se colocara el contenido de la página; se puede observar en la sintaxis que toda etiqueta que abre también cierra. Más información aquí o en los blogs de páginas que siempre os recomiendo tanto en inglés como español, como Agora Posicionamiento Web o Search Engine Web.