elementos HTML
elementos HTML
Los documentos HTML están definidos por elementos HTML, que se refieren a todo el código desde la etiqueta inicial (etiqueta inicial) hasta la etiqueta final (etiqueta final).
elementos HTML
| etiqueta de inicio * | contenido del elemento | etiqueta final * |
|---|---|---|
| <p> | este es un párrafo | </p> |
| <a href="predeterminado.htm"> | aquí hay un enlace | </a> |
| <br> | Esta es una etiqueta de nueva línea |
* La etiqueta de apertura suele denominarse etiqueta de apertura y la etiqueta de cierre suele denominarse etiqueta de cierre .
Sintaxis del elemento HTML
- Los elementos HTML comienzan con una etiqueta de inicio
- Los elementos HTML se terminan con etiquetas de cierre
- El contenido de un elemento es el contenido entre las etiquetas de apertura y cierre
- Algunos elementos HTML tienen contenido vacío
- Los elementos vacíos se cierran en la etiqueta de apertura (terminando con el final de la etiqueta de apertura)
- La mayoría de los elementos HTML pueden tener atributos
Nota: Aprenderá más sobre los atributos en detalle en el capítulo Atributos HTML de este tutorial.
Elementos HTML anidados
Los documentos HTML se componen de elementos HTML anidados que pueden contener otros elementos HTML.
Instancia de documento HTML
ejemplo
<!DOCTYPEhtml>
<html>
<cuerpo>
<p>Este es el primer párrafo. </p>
</cuerpo>
</html>
El ejemplo anterior contiene tres elementos HTML.
Análisis de ejemplo de HTML
elemento <p>:
ejemplo
<p>Este es el primer párrafo. </p>
El elemento <p> define un párrafo en un documento HTML.
Este elemento tiene una etiqueta de apertura <p> y una etiqueta de cierre</p>.
El contenido del elemento es: Este es el primer párrafo.
elemento <cuerpo>:
ejemplo
<cuerpo>
<p>Este es el primer párrafo. </p>
</cuerpo>
El elemento <body> define el cuerpo del documento HTML.
Este elemento tiene una etiqueta de apertura <body> y una etiqueta de cierre </body>.
El contenido del elemento es otro elemento HTML (elemento p).
elemento <html>:
ejemplo
<html>
<cuerpo>
<p>Este es el primer párrafo. </p>
</cuerpo>
</html>
El elemento <html> define todo el documento HTML.
Este elemento tiene una etiqueta de apertura <html> y una etiqueta de cierre</html>.
El contenido del elemento es otro elemento HTML (el elemento del cuerpo).
No olvides la etiqueta de cierre.
La mayoría de los navegadores también mostrarán el HTML correctamente si olvida usar la etiqueta de cierre:
ejemplo
<p>Este es un párrafo
<p>Este es un párrafo
El ejemplo anterior también se mostrará bien en un navegador porque la etiqueta de cierre es opcional.
Pero no puede confiar en esto, porque olvidarse de usar la etiqueta de cierre puede producir resultados impredecibles o errores.
elemento vacío HTML
Un elemento HTML vacío es un elemento HTML que no tiene contenido.
Los elementos HTML vacíos deben estar cerrados en la etiqueta de apertura.
Un elemento vacío en HTML es <br> (usado para definir saltos de línea), y el elemento <br> no tiene etiqueta de cierre.
Los elementos vacíos de HTML se cierran agregando una barra inclinada a la etiqueta de apertura, como <br />, que es aceptado por HTML, XHTML y XML.
Nota: En XHTML, XML y futuras versiones de HTML, todos los elementos deben estar cerrados, incluso los elementos vacíos.
Sugerencia de HTML: use etiquetas en minúsculas
Dado que las etiquetas HTML no distinguen entre mayúsculas y minúsculas en letras inglesas, <P> y <p> tienen el mismo significado, pero a la mayoría de los sitios web en los primeros años les gustaba usar etiquetas HTML en mayúsculas.
W3CSchool usa etiquetas en minúsculas porque el World Wide Web Consortium (W3C) recomienda minúsculas en HTML 4 y aplicará minúsculas en futuras versiones de (X)HTML .
Antes de HTML4, el estándar HTML era bastante confuso, por lo que el código HTML en los primeros años no estaba tan estandarizado y sería más similar al código XML, y una característica importante del código XML es que a las etiquetas les gusta usar mayúsculas, por lo que a la mayoría de los sitios web les gusta usar etiquetas en mayúsculas en los primeros años de desarrollo de HTML.
Con la popularidad de HTML4 e incluso HTML5, los sitios web posteriores siguen la recomendación de HTML4: use minúsculas, razón por la cual la mayoría de los sitios web ahora usan etiquetas HTML en minúsculas.
atributos HTML
atributos HTML
Los atributos son información adicional proporcionada para HTMLel elemento .
atributos HTML
- Los elementos HTML pueden establecer atributos
- Los atributos pueden agregar información adicional a un elemento
- Los atributos generalmente se describen en la etiqueta de inicio
- Las propiedades siempre aparecen como pares de nombre/valor, como: nombre="valor" .
instancia de atributo
Los enlaces HTML se definen mediante etiquetas <a>. La dirección del enlace se especifica en el atributo href :
ejemplo
<a href="https://www.w3cschool.cn">Este es un enlace que usa el atributo href</a>
Valor de atributo de referencia común de atributo HTML
Los valores de los atributos siempre deben estar entre comillas.
Las comillas dobles son las más comunes, pero no hay problema con las comillas simples.
Sugerencia: en algunos casos individuales, como el valor del atributo en sí contiene comillas dobles, debe usar comillas simples, por ejemplo: nombre = 'John "ShotGun" Nelson'
Sugerencia de HTML: use atributos en minúsculas
Los atributos y los valores de los atributos no distinguen entre mayúsculas y minúsculas.
Sin embargo, el Consorcio World Wide Web recomienda atributos/valores de atributos en minúsculas en sus Recomendaciones de HTML 4.
Sin embargo, las versiones más recientes de (X)HTML requieren atributos en minúsculas.
Manual de referencia de atributos HTML
Los atributos aplicables a la mayoría de los elementos HTML se enumeran a continuación:
| Atributos | describir |
|---|---|
| clase | Defina uno o más nombres de clase (nombre de clase) para elementos html (los nombres de clase se importan de archivos de estilo) |
| identificación | Definir la identificación única del elemento |
| estilo | Especifica el estilo en línea de un elemento. |
| título | Describe información adicional sobre el elemento (usado como una barra de herramientas) |