Los documentos HTML se componen de elementos HTML.
En la sintaxis HTML, la mayoría de los elementos se escriben con una etiqueta de inicio y una etiqueta final, con el contenido en el medio. Una etiqueta HTML está compuesta por el nombre del elemento, rodeado por corchetes angulares. Una etiqueta final también tiene una barra después del paréntesis angular de apertura, para distinguirla de la etiqueta de inicio.
Elementos HTML
Elementos HTML se escriben con una etiqueta de inicio, con una etiqueta de cierre, con el contenido en el medio:
El elemento HTML es todo, desde la etiqueta de inicio a la etiqueta final:
etiqueta de inicio | el contenido del elemento | etiqueta final |
---|---|---|
<h1> | Mi primer encabezado | </h1> |
<p> | Mi primer párrafo. | </p> |
<br> |
Algunos elementos HTML no tienen una etiqueta de cierre.
Elementos HTML anidada
Elementos HTML pueden anidarse (elements can contain elements) .
Todos los documentos HTML se componen de elementos HTML anidadas.
Este ejemplo contiene 4 elementos HTML:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Inténtalo tú mismo " HTML Ejemplo Explicación
La <html> elemento define todo el documento.
Tiene una etiqueta de apertura <html> y una etiqueta de cierre </html> .
El contenido del elemento es otro elemento HTML (the <body> element) .
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
La <body> elemento define el cuerpo del documento.
Tiene una etiqueta de apertura <body> y una etiqueta de cierre </body> .
El contenido de elemento es otros dos elementos HTML ( <h1> and <p> ) .
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
La <h1> elemento define un encabezado.
Tiene una etiqueta de inicio <h1> y una etiqueta de cierre </h1> .
El contenido del elemento es: Mi primer encabezado.
<h1>My First Heading</h1>
La <p> elemento define un párrafo.
Tiene una etiqueta de inicio <p> y una etiqueta de cierre </p> .
El contenido del elemento es: Mi primer párrafo.
<p>My first paragraph.</p>
No se olvide de la etiqueta de cierre
Algunos elementos HTML se mostrarán correctamente, incluso si se olvida de la etiqueta final:
Ejemplo
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Inténtalo tú mismo " El ejemplo anterior funciona en todos los navegadores, ya que la etiqueta de cierre se considera opcional.
Nunca confíe en esto. Se podría producir resultados y / o errores inesperados si se olvida de la etiqueta final.
Elementos HTML vacía
elementos HTML con ningún contenido se llaman elementos vacíos.
<br> es un elemento vacío y sin una etiqueta de cierre (the <br> tag defines a line break) .
Los elementos vacíos pueden ser "closed" en la etiqueta de apertura como esta: <br /> .
HTML5 no requiere elementos vacíos que ser cerrado. Pero si quieres más estricta validación, o que necesita para hacer su documento leído por los analizadores XML, debe cerrar todos los elementos HTML.
HTML Consejo: Utilice minúsculas Etiquetas
Las etiquetas HTML no distinguen entre mayúsculas y minúsculas: <P> significa lo mismo que <p> .
El estándar HTML 5 no requiere etiquetas en minúsculas, pero W3C recommends minúsculas en HTML 4, y demands minúsculas para los tipos de documentos más estrictas como XHTML.
En w3ii siempre usamos etiquetas minúsculas.