HTML
es el lenguaje con el que se escribe el contenido de las páginas web. Las páginas web
pueden ser vistas por el usuario mediante un tipo de aplicación llamada cliente
web o más comúnmente "navegador". Podemos decir por lo tanto que el
HTML es el lenguaje usado por para especificar el contenido que los navegadores
deben representar a la hora de mostrar una página web.
Este
lenguaje nos permite aglutinar textos, imágenes, enlaces... y combinarlos a
nuestro gusto. La ventaja del HTML a la hora de representar el contenido en un
navegador, con respecto a otros formatos físicos como libros o revistas, es
justamente la posibilidad de colocar referencias a otras páginas, por medio de
los enlaces hipertexto.
Los navegadores y sus
problemas
El conflicto generado por los
navegadores es debido a su diversidad. Existen multitud de navegadores o
clientes web presentes en el mercado los cuales muchas veces no son capaces de
interpretar un mismo código de una manera unificada. Esto obliga al
desarrollador a, una vez creada su página, comprobar que esta puede ser leída
satisfactoriamente por todos los navegadores, o al menos, los más utilizados.
Cuando surgen problemas de interpretación, queda de parte del desarrollador
resolver el problema tirando de técnicas o conocimientos que él disponga.
Los lenguajes de la web
HTML
no está solo como único lenguaje para crear la web, aunque en un principio sí
que era así. Su evolución tan anárquica ha supuesto toda una seria de
inconvenientes y deficiencias que han debido ser superados con la introducción
de otras tecnologías accesorias capaces de organizar, optimizar y automatizar
el funcionamiento de las webs. Ejemplos que pueden sonaros son las CSS, o JavaScript. Veremos más adelante en qué consisten algunas de
ellas.
El
inicio de una etiqueta se produce de la siguiente manera:
<etiqueta>
Cierre
El
final de una etiqueta se produce de manera similar a su apertura, aunque
agregando una barra:
</etiqueta>
Partes de un documento HTML
Además
de todo esto, un documento HTML ha de estar delimitado por la etiqueta
HTML. Dentro de este documento, podemos asimismo distinguir dos partes
principales:
La
cabecera, delimitada por la etiqueta HEAD, donde colocaremos etiquetas de
índole informativo, como por ejemplo el titulo de nuestra página. El contenido
de la cabecera no suele aparecer en el cuerpo de la página, pero sirve a los
navegadores y otros sistemas para encontrar información útil para entender y
procesar el documento.
El
cuerpo, flanqueado por la etiqueta BODY, que será donde colocaremos nuestro texto e imágenes
delimitados a su vez por otras etiquetas como las que hemos visto.
El
resultado de un documento básico tiene la siguiente estructura:
<html>
<head>
<title>Mi documento básico</title>
</head>
<body>
<p>Este es el cuerpo de mi primera página HTML</p>
<p>Este segundo párrafo también forma parte del cuerpo</p>
</body>
</html>
Las mayúsculas o minúsculas son
indiferentes al escribir etiquetas
En
HTML las mayúsculas y minúsculas son indiferentes. Quiere decir que las
etiquetas pueden ser escritas con cualquier tipo de combinación de mayúsculas y
minúsculas. 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 hacernos a las buenas
costumbres desde el principio, para evitar fallos triviales en un futuro.
Un documento HTML correcto
A
continuación tienes un documento básico con las etiquetas necesarias para
comenzar con buen pie.
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta charset="UTF-8">
<title>Mi primera
página</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estás en la
página <b>Comida para
Todos</b>.</p>
<p>Aquí aprenderás
recetas fáciles y deliciosas.</p>
</body>
</html>
No hay comentarios:
Publicar un comentario