Después de elegir un editor de texto para facilitarle la escritura de código HTML, ahora analizaremos la estructura básica en HTML. ¿Quizás has escuchado la etiqueta de nombre, atributo o elemento? Si no lo ha hecho, asegúrese de leer la explicación de los tres términos en este artículo.
Tanto las etiquetas como los atributos y los elementos tienen un papel importante en la creación de un sitio web, incluso si se trata de un sitio web simple. Consulte la explicación a continuación para comprender mejor qué son las etiquetas, los atributos y los elementos:
1. Etiquetas
La estructura básica de un documento tiene al menos una etiqueta. Las etiquetas en los documentos HTML están destinadas a decirle al navegador cómo se debe mostrar el texto en ellos.
La mayoría de las etiquetas en HTML se escriben en pares, como
y. aquí se llama la etiqueta de apertura y es la etiqueta de cierre. Para que comprenda mejor la función de esta etiqueta, intentamos crear un código HTML simple como se muestra a continuación:<!DOCTYPE html> <html> <body> Belajar HTML untuk Pemula bersama Nesaba Media </body> </html>
En la ventana del navegador, se verá así:
Como puede ver en la imagen de arriba, solo aparece el texto “Aprender HTML para principiantes con Nesaba Media” en la ventana del navegador. Entonces, solo texto que se encuentra entre las etiquetas
y que se mostrarán en la ventana del navegador.Notas:
Cabe señalar que no todas las etiquetas en HTML están emparejadas, por ejemplo, la etiqueta
, la etiqueta utilizada para crear nuevas líneas.
Tal vez también haya visto la etiqueta
y se haya preguntado en qué se diferencia de la etiqueta
. La etiqueta es una forma de HTML en otro lenguaje de marcado que a menudo se denomina XML. Sin embargo, el uso de las etiquetas
y
sigue siendo legal en HTML5 (recomiendo enfáticamente usar solo la etiqueta
para crear saltos de línea). Para una discusión más profunda, si Dios quiere, lo haré en un artículo diferente porque en este tutorial solo nos enfocamos en HTML, no en XML.
2. Atributos
Las etiquetas generalmente también contienen atributos, que es información adicional que se coloca en la etiqueta de apertura, por ejemplo
…………
. Cabe señalar que cada nombre y valor de cada atributo tiene una función diferente.
3. Elemento
Todo lo contenido en la etiqueta de apertura a la etiqueta de cierre se llama elemento. Por ejemplo, todo lo que se encuentra en las etiquetas
y se denomina elemento del cuerpo, mientras que y son etiquetas, no elementos.Otro ejemplo es,
Tal vez esa sea la única explicación de etiquetas, atributos y elementos. Con este artículo, espero que puedas distinguir los tres términos. Para el próximo tutorial, discutiremos el uso de etiquetas de título y declaraciones Doctype en documentos HTML.