Anatomía de Etiquetas HTML: Apertura, Cierre y Atributos

Excelente, ya he hecho varios cursos, y es la primera vez que se toman el tiempo de darnos a entender qué es un atributo y un elemento.

Danilo Fernandez

Toda la razón, ahora entiendo algunas cosas. Sobre todo para JS.

Bryan Bell

Hola les comparto mi apunte sobre la anatomía de una etiqueta de HTML. .

Jimmy Buriticá Londoño

Super claro.

Pedro Isaac Aguilar

Muy entendible. Gracias!

Carlos Eduardo Gomez García

Una etiqueta puede tener tantos atributos como desees, y cada atributo tiene su propia función, recomiendo mucho la documentación de Mozilla Developer porque están muy bien explicadas cada etiqueta HTML, y te dice desde qué atributos puede llevar hasta qué hijos puede tener

Alejandro Crespo

Es que hay etiquetas que no llevan ningún atributo

Geraldine Claros

Este profesor es de los mejores que hay en platzi

JeanCarlos Atoche Pascual

efectivamente

Joel Dominguez Merino

Muy bien que se haga una pequeña pausa para explicar la anatomía que tienen las etiquetas en HTML, ahora si. A seguir Aprendiendo 💚

Ansony Banda

otra imagen de ejemplo

Juan Christopher

JAJAJA pobre gatito :(

Alejandro Crespo

Si me acuerdo esta imagen que ha sacado el internet

Cristhian Carrión

Mis apuntes de esta clase 🗒✍ espero les sirva🥳💚

Eduardo Monzón

Genial resumen, gracias.

Jorge Luis Ulin Argueta

¿En el caso de la etiqueta <br> su contenido es el salto de línea o no contiene contenido?

Héctor Eduardo López Carballo

Hola! No tiene contenido, por eso no es necesario colocar una etiqueta de cierre.

Juan David González Rodríguez

SI exacto </> , La función de <br/> es solo dar salto de linea por ejemplo a un párrafo o texto largo

Asi pasa en cualquiera de estos casos: :D

<br/>
<hr/>
<img src="" />
<meta charset="UTF-8" />

Carlos Trujillo

David Solorzano

Buen resumen de etiquetas y atributos clave

Giselly Romero Nuñez

Dejaré esto que te puede servir

David Castro

Me sirvió! Este es un tema "pequeño" pero super importante. Tener claridad sobre la anatomia de las etiquetas es fundamental para que podamos manejarnos con seguridad cuando escribamos codigo. Gracias Giselly.

Ariel Alejandro Ureña Morales

Estas imágenes también me sirvieron mucho para entender sobre la anatomía de las etiquetas:

emanuel

buen aporte! Gracias

Juan Fernando López Hernández

Buen aporte, esta bastante útil.

Adrian Ferney Rivera Mantilla

Excelente!!, me parece muy bien que le den un espacio a explicar este tipo de detalles, con esto nuestros conocimientos serán mas consistentes. gracias.

Esteban Casallas

si, es muy buena información q aveces no se tiene en cuenta !

Gonzalo Vidal

Sí, es bueno saber el nombre correcto de cada cosa que aprendemos...para poder entender y también para poder enseñar y no solo decir palabras genéricas para referirnos a los elementos, atributos, valor, etc...

Pablo Valtierra

Algunas etiquetas de html deben tener etiqueta de cierre por que tienen un contenido. El Opening Tag contiene atributos y valores (pueden ser varios en algunas etiquetas o dependiendo de la etiqueta)

Anderson Josué Oroya Silva

https://developer.mozilla.org/es/docs/Glossary/HTML

Les dejo un link con una documentación breve sobre la anatomía de una etiqueta. Es de Mozilla dev

Abel da Cunha

Una lista de referencia de etiquetas HTML para el que le sirva.

Ivan E. Batista-Ochoa

Por acá les comparto la anatomía de un elemento de HTML. Esto es super importante y es bastante útil entender que todo, desde el inicio de la etiqueta hasta el final de la misma es el elemento. Entender esto ayudará cuando se apliquen estilos en CSS.

ERIKA PATRICIA AVILES

Hola, no se como publicar una imagen

Sura Naileth Cedeño Lopez

Team Platzi

Hola:wave:

Solo tienes que arrastrar la imagen guardad que quieres subir a la sección de comentarios.

Mauricio Gonzalez Falcon

Puedes arrastrar la imagen desde la carpeta al navegador.

Si tienes un link solo debes poner la url que lleve a la imagen y se cargara

Andrés González

Hola comunidad: en la clase de index y su estructura básica: head de este mismo curso, el siguiente elemento que va en el head, por qué no lleva el caracter de cierre /

<link rel="stylesheet" href="./styles.css">

Gracias de antemano.

Brandon Argel Verdeja Domínguez

La diagonal al final de una etiqueta vacía (que no tiene su etiqueta de cierre) es una buena práctica para poder leer el código más fácil, con esto puedes distinguir mejor en donde termina esa etiqueta vacía, y aunque no la tenga el código funcionaría bien, pero te recomiendo ponerla como buena práctica 😃

Luis Lira

Hay algunos elementos que no llevan obligatoriamente esa diagonal para el cierre. Otra que no necesita eso es la etiqueta input, pero como dice @BranArgel, no lo mejor es ponerlas por buenas prácticas y código legible.

Roberto Serrano

Buen día a todos

El ejemplo como lo explica el profesor pero realizado desde el reto.

Estructura de la etiqueta:

Y es allí donde nos redirecciona:

Espero que les guste la carne molida jajajaja.

Abidan Triguero Calle