Aprendiendo HTML parte 2: Las etiquetas y sintaxis en general.

HTML se escribe mediante etiquetas, las cuales están delimitadas por los signos de «menor que» (<) y «mayor que» (>) y cada etiqueta está conformada (salvo excepciones) por dos partes: una de apertura <etiqueta> y otra de cierre </etiqueta>, y el contenido en medio de ambas partes, por ejemplo:

parrafo_html_1

Que el navegador debe interpretar para que se muestre.

parrafo_html_2

Sin embargo, también existen etiquetas que carecen de cierre, como por ejemplo, la etiqueta para mostrar imágenes:

imagen_html

y que en el navegador despliega la imagen que hayamos elegido para mostrar.

De esta forma, es que toda página Web es creada.

Sintaxis.

Antes de explicar la sintaxis de HTML, aprendamos qué es sintaxis según el diccionario de la RAE:

1. f. Gram. Parte de la gramática que estudia el modo en que se combinan las palabras y los grupos que estas forman para expresar significados, así como las relaciones que se establecen entre todas esas unidades.

2. f. Inform. Conjunto de reglas que definen las secuencias correctas de los elementos de un lenguaje de programación.

En nuestro caso, nos interesa más la segunda acepción, y aunque HTML no es un lenguaje de programación en sí mismo, sí contienen muchos elementos que podrían definir uno.

Pues bien, la sintaxis de HTML dicta que por cada elemento visual en pantalla, debe haber una etiqueta que le dé forma y presentación. Obviamente, esa no es la definición tal cual, pero ayuda mucho a la hora de codificar.

Cualquier fichero HTML debe comenzar sí o sí, con la etiqueta <html> y finalizar con </html>, cualquier cosa fuera de ambas partes de la etiqueta se ignorará o se mostrará como un feo texto sin formato en la página, según sea la implementación del navegador que usemos para visualizarlo.

Dentro de <html> y </html> tenemos las etiquetas <head> </head> y <body> </body> y cada una tiene su propia función.

<head> </head>: Tiene la función de contener los metadatos de nuestra página web. Nada de lo que aquí se escriba se mostrará en el navegador, pero es sumamente importante para que nuestra página se visualice correctamente.

<body> </body>: La función de esta etiqueta es ser el cuerpo de nuestra página web, todo lo que se escriba dentro de esta etiqueta se mostrará en el navegador, excepto las etiquetas.

Así como las anteriores, existen etiquetas tales como:

, que realiza una división dentro de la página, como si de una nueva sección se tratara.

<span> </span>, que da formato a una determinada sección de una línea de texto dentro del código.

<p> </p>, cuya función es delimitar los párrafos de un texto. Por lo que, si se omite esta etiqueta en un escrito de más de un párrafo, en el navegador veremos que todo el texto se muestra como un solo gran párrafo sin división alguna.

<form> </form>, el cual es muy útil si queremos agregar una sección de comentarios a nuestro sitio, o bien, si deseamos realizar alguna encuesta o si queremos subir algún tipo de información al sitio.

Antes de acabar por hoy:

Estas primeras entradas son cortas, debido principalmente a que quiero introducirlos suavemente en la sintaxis de HTML y no apabullarlos con información a diestra y siniestra.

En el próximo artículo veremos, por fin, cómo preparar nuestra primera página web.

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