Elementos HTML Flashcards
Elementos HTML
El elemento HTML es todo, desde la etiqueta inicial hasta la etiqueta final:
< nombre de etiqueta > El contenido va aquí… < /nombre de etiqueta >
Ejemplos de algunos elementos HTML:
< h1 > Mi primer título < /h1 >
< p > Mi primer párrafo. < /p >
Nota: Algunos elementos HTML no tienen contenido (como el elemento <br></br>). Estos elementos se llaman elementos vacíos. ¡Los elementos vacíos no tienen etiqueta final!
Elementos HTML anidados
Los elementos HTML se pueden anidar (esto significa que los elementos pueden contener otros elementos).
Todos los documentos HTML constan de elementos HTML anidados.
El siguiente ejemplo contiene cuatro elementos HTML ( <html>, <body>y <h1> ) <p>:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Ejemplo explicado
El <html>elemento es el elemento raíz y define todo el documento HTML.
Tiene una etiqueta de inicio <html>y una etiqueta de final </html>.
Entonces, dentro del <html>elemento hay un <body> elemento:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
El <body>elemento define el cuerpo del documento.
Tiene una etiqueta de inicio <body>y una etiqueta de final </body>.
Luego, dentro del <body>elemento hay otros dos elementos: <h1>y <p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
El <h1>elemento define un encabezado.
Tiene una etiqueta de inicio <h1>y una etiqueta de final </h1>:
<h1>My First Heading</h1>
El <p>elemento define un párrafo.
Tiene una etiqueta de inicio <p>y una etiqueta de final </p>:
<p>My first paragraph.</p>
Nunca te saltes la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Ejemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Sin embargo, ¡nunca confíes en esto! ¡Pueden ocurrir errores y resultados inesperados si olvida la etiqueta final!
</p></p></body></html>
Elementos HTML vacíos
Los elementos HTML sin contenido se denominan elementos vacíos.
La <br></br>etiqueta define un salto de línea y es un elemento vacío sin etiqueta de cierre:
Ejemplo
<p>This is a <br></br> paragraph with a line break.</p>
HTML no distingue entre mayúsculas y minúsculas
Las etiquetas HTML no distinguen entre mayúsculas y minúsculas: <P>significa lo mismo que <p>.
El estándar HTML no requiere etiquetas en minúsculas, pero el W3C recomienda minúsculas en HTML y exige minúsculas para tipos de documentos más estrictos como XHTML.
