04 - Principales elementos usados en HTML 馃П







Elemento HTML

El elemento HTML es todo, desde la etiqueta inicial hasta la etiqueta final:




Ejemplo de un elemento

Primer T铆tulo

Primer p谩rrafo


C贸digo del ejemplo

<tagname> El contenido va aqu铆 ... </tagname>
<h1> Mi primer t铆tulo </h1>
<p> Mi primer p谩rrafo. </p>
                        


Etiqueta de inicio (Start tag) Contenido Etiqueta de finalizaci贸n
<h1> Primer encabezado </h1>
<p> Primer p谩rrafo </p>
<br> Vac铆o No tiene finalizaci贸n

Nota: Algunos elementos HTML no tienen contenido (como el elemento <br>). Estos elementos se llaman elementos vac铆os. ¡Los elementos vac铆os no tienen una etiqueta de finalizaci贸n!




Elementos HTML anidados

Los elementos anidados son elementos que van dentro de otros elementos.

Todos los documentos HTML consisten en elementos HTML anidados.

Veamos el siguiente c贸digo:


C贸digo del ejemplo

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,
initial-scale=1.0">
  <title>Documento</title>
</head>
<body>
  <h1>Encabezado</h1>
  <p>P谩rrafo</p>
</body>
</html>
                        


Como podemos ver, dentro de la etiqueta <html> est谩n los elementos <title>, <body>, <h1>, <p>, etc.




Ejemplo Explicado

<html> es el elemento ra铆z y define todo el documento HTML.

Tiene una etiqueta de inicio <html> y una etiqueta final </html>.

Dentro de esta, hay una etiqueta <body>

<body> define el cuerpo del documento.

Al igual que el anterior, tiene una etiqueta de inicio <body> y una etiqueta final </body>.

Dentro del elemento <body>, hay otros dos elementos: <h1> y <p>




Nunca te saltes la etiqueta final

La etiqueta final es muy importante, ya que define el final del elemento.

Hay elementos que se muestran correctamente incluso sin la etiqueta final; el navegador puede interpretar esas etiquetas.

Sin embargo, ¡nunca conf铆es en esto! Pueden ocurrir resultados inesperados y errores si olvidas la etiqueta final.




Elementos HTML vac铆os

Los elementos vac铆os son elementos que no tienen contenido, como el caso de los saltos de l铆nea con <br>

Esto es un encabezado

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam quidem enim officia, optio facilis doloremque, expedita accusantium placeat et saepe odio labore eligendi. Quod quasi earum rem dolor, quam adipisci!


Esto es un salto de l铆nea, es decir, se emplea una etiqueta vac铆a, sin final, como <br>


Otro p谩rrafo; Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae consequatur assumenda, natus aut laboriosam quas omnis, quo culpa, nisi iusto saepe excepturi molestiae corrupti alias explicabo quos reiciendis. Officiis, saepe.

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.


Publicar un comentario

0 Comentarios