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>
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 está en negrita</b>
El resultado Será:
Esto está 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>
<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>
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>
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.
No hay comentarios.:
Publicar un comentario