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 utilizando lo que se conoce como "etiquetas HTML". Puede pensar en HTML como el "código oculto" que controla la estructura de una página web.
En última instancia, cuando aprendes un idioma nuevo, comienzas con frases simples y construyes a partir de ahí. Aprendiendo acerca de HTML no es diferente. Comenzará perfeccionando las etiquetas HTML comunes. Este es el equivalente a aprender "frases simples" en un idioma hablado. Esas frases se convierten en la base sobre la que construye su conocimiento y su discurso, 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
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 Elemento HTMLs. Cuando aprendes eso y son las etiquetas de apertura y cierre para poner el texto en negrita, 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 HTML ocultas.
La etiqueta fuerte de cierre (que significa "énfasis fuerte y que, por defecto, muestra el texto en negrita) es idéntica a la etiqueta fuerte de apertura, excepto que incluye una barra inclinada en la etiqueta. Este es el formato que sigue la mayoría de las etiquetas HTML. La etiqueta de apertura y las etiquetas de cierre son las mismas, con la adición de una barra en el cierre que sigue al primer carácter "
Combinaciones de etiquetas HTML
Las etiquetas HTML se utilizan con frecuencia 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 oración en negrita hace que la palabra aparezca tanto en negrita como en cursiva en la página web.
Esta frase aparecerá en todos negrita debido a las etiquetas HTML ocultas.
Siempre que se utilizan varias etiquetas juntas en un elemento de una página web, y algunas etiquetas aparecen dentro de otras, se denominan etiquetas HTML anidadas. Debes recordar eso etiquetas anidadas, que son las etiquetas dentro de otras, deben cerrarse antes de que se puedan cerrar las etiquetas que las contienen. Mira este ejemplo:
Este es un texto que es enfatizado por una razón específica.
Debería notar que el 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 cerrarse antes que las exteriores, que contienen 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 funcionalidad, como etiquetas de enlace o "ancla". Una lista de etiquetas HTML ofrece una instantánea de las muchas funciones que las etiquetas pueden realizar en una página web mediante etiquetas.
También hay algunas etiquetas que se requieren en todas las páginas web. A medida que construya su primera página, utilizará la extensión.
Una lista de etiquetas HTML no es de mucha ayuda hasta que haya seguido un tutorial de HTML, pero después de hacerlo, puede usar etiquetas HTML para crear su propia página web. Una nota, no se deje abrumar por la cantidad de posibles etiquetas HTML. Si bien hay cientos de etiquetas posibles para usar, la realidad es que es probable que solo use un puñado de ellas una y otra vez. De hecho, hay algunas etiquetas HTML que nunca hemos usado ni una sola vez en décadas de trabajo de diseño web.
Etiquetas obsoletas
HTML5 es el estándar de marcado actual. Algunas de las etiquetas que se usaban en versiones anteriores de HTML ahora se manejan mediante hojas de estilo en HTML5. Las etiquetas HTML obsoletas se han eliminado de las especificaciones HTML. Es mejor no utilizar etiquetas obsoletas.