English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Un documento HTML se define por elementos HTML.
Un elemento HTML es todo el código desde la etiqueta de inicio (etiqueta de inicio) hasta la etiqueta de finalización (etiqueta de finalización).
| Etiqueta de inicio * | Contenido del elemento | Etiqueta de finalización * |
| <p> | Esto es un párrafo de página web | </p> |
| <a href="index.html"> | Esto es un enlace | </a> |
| <br> | Etiqueta de salto de línea |
*Las etiquetas de inicio se conocen comúnmente como etiquetas de inicio (etiquetas de apertura), y las etiquetas de finalización se conocen comúnmente como etiquetas de cierre (etiquetas de cierre).
Los elementos HTML comienzan con una etiqueta de inicio
Los elementos HTML se finalizan con una etiqueta de finalización
El contenido del elemento es el contenido entre la etiqueta de inicio y la etiqueta de finalización
Algunos elementos HTML tienen contenido vacío (contenido vacío)
Los elementos en blanco se cierran en la etiqueta de inicio (finalizados con el final de la etiqueta de inicio)
La mayoría de los elementos HTML pueden tener atributos
Notas: En el siguiente capítulo de este tutorial aprenderás más sobre las propiedades.
La mayoría de los elementos HTML pueden anidarse (pueden contener otros elementos HTML).
El documento HTML se compone de elementos HTML anidados.
<!DOCTYPE html> <html> <body> <p>Este es el primer párrafo.</p> </body> </html>
Los ejemplos anteriores incluyen tres elementos HTML.
<p> elemento:
<p>Este es el primer párrafo.</p>
Este elemento <p> define un párrafo en el documento HTML. Este elemento tiene una etiqueta de inicio <p> y una etiqueta de cierre </p>. El contenido es: Este es el primer párrafo.
<body> elemento:
<body> <p>Este es el primer párrafo.</p> </body>
<body> define el cuerpo del documento HTML. Este elemento tiene una etiqueta de inicio <body> y una etiqueta de cierre </body>。 El contenido del elemento es otro elemento HTML (elemento p).
<html> elemento:
<html> <body> <p>Este es el primer párrafo.</p> </body> </html>
<html> define todo el documento HTML. Este elemento tiene una etiqueta de inicio <html> y una etiqueta de cierre </html>. El contenido del elemento es otro elemento HTML (elemento body).
Incluso si olvidó usar la etiqueta de cierre, la mayoría de los navegadores mostrarán HTML correctamente:
<p>Este es un párrafo
<p>Este es un párrafo
Los ejemplos anteriores también se mostrarán correctamente en el navegador, porque cerrar las etiquetas es opcional.
Pero no dependa de esto. Olvidar usar etiquetas de cierre puede producir resultados inesperados o errores.
Los elementos HTML sin contenido se denominan elementos vacíos. Los elementos vacíos se cierran en la etiqueta de inicio.
<br> es un elemento vacío sin cerrar (la etiqueta <br> define un salto de línea).
En XHTML, XML y futuras versiones de HTML, todos los elementos deben cerrarse.
Añada una diagonal invertida en la etiqueta de inicio, por ejemplo <br /> es el método correcto para cerrar elementos vacíos, aceptado por HTML, XHTML y XML.
A pesar de que <br> es válido en todos los navegadores, usar <br /> tiene mayor compatibilidad, por lo que se recomienda usar <br /> etiqueta de salto de línea.
Las etiquetas HTML son insensibles a mayúsculas y minúsculas: <P> es equivalente a <p>. Muchos sitios web utilizan etiquetas HTML en mayúsculas.
El tutorial básico utiliza etiquetas en minúsculas, porque la World Wide Web Consortium (W3C) en HTML 4 Se recomienda usar minúsculas, mientras que en las futuras versiones de (X)HTML se exigirá el uso de minúsculas.
Recomiendo que todos usen etiquetas en minúsculas durante el proceso de creación de sitios web.