HTML es el lenguaje de la web. Las páginas web que ve en su computadora o teléfono, incluida esta, están escritas en lenguaje de marcado de hipertexto usando lo que se conoce como "etiquetas HTML". Puede pensar en HTML como el "código debajo del capó" que controla la estructura de una página web.
En última instancia, cuando aprendes un nuevo idioma, comienzas con frases simples y construyes desde allí. Aprender sobre HTML no es diferente. Comenzarás por dominar las etiquetas HTML comunes. Esto equivale a aprender "frases simples" en un idioma hablado. Esas frases se convierten en la base sobre la cual usted construye su conocimiento y habla, al igual que las etiquetas HTML son la base sobre la que desarrollará sus habilidades de desarrollo web.
Formato de etiqueta HTML
Puede reconocer una etiqueta HTML porque está rodeada por los caracteres <y> al principio y al final de la etiqueta. Entre estos dos caracteres habría otro texto que define qué tipo de etiqueta HTML se está escribiendo. Por ejemplo, si sabes que "hr" significa regla horizontal (o línea), escribirías esto para la etiqueta HTML:
Acaba de escribir una etiqueta HTML que dibuja una regla horizontal en una página web.
La mayoría de las etiquetas HTML vienen en pares. Se colocan al principio y al final de una sección de texto para dictar el contenido que contendrán. Estos pares de etiquetas componen elementos HTML. Cuando aprendas eso y son las etiquetas de apertura y cierre para que el texto esté en negrita; usted comienza a comprender cómo las etiquetas HTML afectan la apariencia del texto en una página web.
Esta oración aparecerá en negrita debido a las etiquetas.
Tenga en cuenta que la etiqueta fuerte de cierre (que significa "énfasis fuerte" y que, de forma predeterminada, representa el texto en negrita) es idéntica a la etiqueta en negrita de apertura, excepto que incluye una barra inclinada en la etiqueta. Este es el formato que sigue la mayoría Etiquetas HTML. Las etiquetas de apertura y cierre son las mismas, con la adición de una barra inclinada en el cierre que sigue al primer carácter <.
Combinaciones de etiquetas HTML
Las etiquetas HTML se usan frecuentemente en combinación. Las etiquetas de apertura y cierre para texto enfatizado (cursiva) son y . Agregar las etiquetas en cursiva a una sola palabra en el ejemplo de la oración en negrita hace que la palabra aparezca en negrita y cursiva en la página web.
Esta frase aparecerá en todos negrita debido a las etiquetas.
Cuando se usan varias etiquetas juntas en un elemento de una página web, con algunas etiquetas que aparecen dentro de otras, se les conoce como etiquetas HTML anidadas. Debe recordar que una etiqueta anidada, que son las etiquetas dentro de otras, debe cerrarse antes de que se puedan cerrar sus etiquetas contenidas. Mira este ejemplo:
Este es un texto que es enfatizado por una razón específica
Debes notar que la etiqueta se abre dentro de la
, lo que significa que debe cerrarse antes de la
Aparece la etiqueta de cierre. Piense en etiquetas anidadas como cajas dentro de otras cajas. Las cajas interiores deben estar cerradas antes de su exterior, conteniendo las cajas.Etiquetas HTML y Páginas Web
Hay docenas de etiquetas HTML en HTML válido. Algunas etiquetas HTML dictan elementos básicos muy comunes como párrafos, mientras que otras son más complicadas y agregan más funcionalmente, como etiquetas de enlace o "ancla". Una lista de etiquetas HTML proporciona una instantánea de las muchas funciones que las etiquetas pueden realizar en una página web utilizando etiquetas.
También hay algunas etiquetas que se requieren de todas las páginas web. A medida que construya su primera página, utilizará el etiqueta, que comienza una página web;
Una lista de etiquetas HTML no es de mucha ayuda hasta que haya pasado un tutorial de HTML, pero después de hacerlo, puede usar etiquetas HTML para crear su propia página web. Una nota, no se sienta abrumado por la cantidad de posibles etiquetas HTML. Si bien hay cientos de etiquetas posibles para usar, la realidad es que es probable que solo uses un puñado de ellas una y otra vez. De hecho, hay algunas etiquetas HTML que nunca he usado ni una sola vez en mis décadas de trabajo de diseño web.
Etiquetas en desuso
HTML5 es el estándar de marcado actual. Algunas de las etiquetas que se usaron en versiones anteriores de HTML ahora se manejan mediante hojas de estilo en HTML5. Las etiquetas HTML en desuso han sido eliminadas de las especificaciones HTML. Es mejor no usar ninguna etiqueta obsoleta.
Artículo original de Jennifer Krynin. Editado por Jeremy Girard el 2/2/17