Sintaxis del HTML

Descripción de la sintaxis con la que se trabaja en el lenguaje HTML, así como la estructura que tendrá el documento básico HTML.
El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base al que llamamos etiqueta. A través de las etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes, etc. Así pues, un documento HTML estará constituido por texto y un conjunto de etiquetas para definir la forma con la que se tendrá que presentar el texto y otros elementos en la página.

La etiqueta presenta frecuentemente dos partes:

Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>

Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo:

Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código:

<b>Esto esta en negrita</b>

El resultado Será:

Esto esta en negrita

Las etiquetas <p> y </p> definen un párrafo. Si en nuestro documento HTML escribiéramos:

<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>

El resultado sería:

Hola, estamos en el párrafo 1

Ahora hemos cambiado de párrafo


Partes de un documento HTML

Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página.

El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

El resultado es un documento con la siguiente estructura:

<html>

<head>
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave,...
</head>

<body>
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes
</body>

</html>

Las mayúsculas o minúsculas son indiferentes al escribir etiquetas

A notar que las etiquetas pueden ser escritas con cualquier tipo de combinación de mayúsculas y minúsculas. <html>, <HTML> o <HtMl> son la misma etiqueta. Resulta sin embargo aconsejable acostumbrarse a escribirlas en minúscula ya que otras tecnologías que pueden convivir con nuestro HTML (XML por ejemplo) no son tan permisivas y nunca viene mal coger buenas costumbres desde el principio para evitar fallos triviales en un futuro.

Autor

Rubén Alvarez

Redactor de DesarrolloWeb.com

Compartir

Comentarios

Andrea

30/6/2007
Muchas Gracias!!
no se nada de programacion y con su articulo estoy empezando a entender..muy claro el contenido.

giovannipumas

11/7/2009
XHTML
creo que deerian hablar más del XHTML que se convertirá en el estándar de las páginas, y ahí las etiquetas son con minúsculas.

Por cierto recomiendo mucho el Notepad++ ya que tiene sintexis para la mayoría de los lenguajes de programación y html no podría faltar, me ha servido mucho para aprender.

vixmar2

30/11/2009
la barra /
en el texto no llamas la atencion sobre la barra / que va delante del /body o head marcando que este es el cierre.

gif

25/7/2010
Sintacis de html (resumen)
Bueno yo resumiria que para comenzar a desarrollar en html es importante tener claro las especificaciones del programa por ejemplo todo pagina comienza con
<html> indistintamente si es mayuscula o minuscula y cierra con </html>
<head> cierra </html>
cuerpo <body> cierra </body>
parrrafo <p> cierra parrafo </P>
todos estos ejemplos pueden escribirse indistintamente en mayusculas o minusculas sin envargo es recomendable escribir todo en minusculas ya que mas adelante utilizaremos lenguajes con una sintaxis parecida pero que no toleran errores de este tipo

henry garavito avila

10/10/2010
aprendiendo html
vamos a conocer como se rraliza esto, para poder crear paginas web.

angelosigasm

11/1/2011
Sencillo
Agradesco permitirme entender desde un nivel basico.

joan

20/3/2011
no entiendo...
esta muy bien detallado el articulo pero aun asi no logro entenderrlo muy claramente..alguien me podria ayudar un poco mas?
tengo que entregar un trabajo,y tengo dificultades a la hora de comprender,para que haga mi pagina!!!por favor...graciasss!!!!

Mayte :D

01/3/2012
la verdad
PLATA ES MACHORRA :P

luis

03/9/2013
como abro el editor de texto???
donde encuentro o como abro el editor de texto?

wilson

11/2/2014
gracias
muy buena la inducción y bien explicado, espero sigas en ese ámbito.

Oscar

29/5/2014
parametros
Me podrían informar por favor la función de este elemento <dd> en una página Web ?

Muchas gracias