Los elementos HTML y las etiquetas son muy diferentes. Veamos qué son realmente los elementos HTML y las etiquetas y sus diferencias. La siguiente imagen habla sobre elementos HTML y etiquetas HTML.
Etiquetas HTML: las partes del punto inicial y final de un documento HTML son etiquetas HTML , que comienzan con < (menor que) y terminan con > (mayor que) corchete angular, y todo lo que se escribe dentro de los corchetes angulares se conoce como etiquetas .
Tanto las etiquetas de apertura como las de cierre deben estar ahí para que funcionen. También hay algunas etiquetas que se encierran en sí mismas y que solo requieren una etiqueta, como <hr>, <img>, <br>, etc. La barra inclinada final aquí es opcional.
Sintaxis:
<tagname>
...
</tagname>
Ejemplo: este ejemplo muestra cómo se usa una etiqueta de párrafo (constan de inicio y final) y una etiqueta <hr> (etiqueta de cierre automático).
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Tags</title>
<style>
.container {
height: 180px;
width: 300px;
background-color: green;
color: whitesmoke;
text-align: center;
font-family: 'Courier New', Courier, monospace;
margin: auto;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<h2>HTML Tags</h2>
<p> Paragraph Tags - <p> </p></p>
<hr>
<p>The above line is due to <hr> tag</p>
</div>
</body>
</html>
Producción:
Elementos HTML: Los elementos en HTML encierran el contenido entre las etiquetas. Consiste en una expresión o una estructura. Su arquitectura consta de una etiqueta de inicio, contenido seguido de una etiqueta de finalización.
Sintaxis:
<b> This is the content. </b>
Ejemplo: este ejemplo muestra el uso de elementos HTML en el código.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML Elements</title>
<style>
.container {
height: 200px;
width: 350px;
background-color: green;
color: whitesmoke;
text-align: center;
font-family: 'Courier New', Courier, monospace;
margin: auto;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<div class="container">
<h2>Gfg - HTML ELements</h2>
<p>Everything within tags is HTML Element</p>
<p>Visit
<a href="https://www.geeksforgeeks.org/"
target="_none">GeeksforGeeks</a>
wesbite.
</p>
</div>
</body>
</html>
Producción:
Veamos la diferencia entre elementos HTML y etiquetas en más profundidad:
|
Etiquetas HTML |
Elementos HTML |
|---|---|
| El elemento HTML se mantiene mediante etiquetas HTML | El contenido se mantiene mediante elementos HTML. |
| Comienza con < y termina con > | Todo dentro de una etiqueta HTML es un elemento HTML. |
| Son palabras clave en las que cada etiqueta individual específica tiene un significado único. | Especifican el contenido general. |
Publicación traducida automáticamente
Artículo escrito por siddharthredhu01 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA