Elementos HTML
Un elemento HTML se define mediante una etiqueta de inicio, algo de contenido y una etiqueta de finalización.
Un elemento HTML generalmente consta de una etiqueta de inicio y una etiqueta de finalización , con el contenido insertado en el medio:
< tagname > El contenido va aquí ... < / tagname >
El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta de finalización:
< p > Mi primer párrafo. < / p >
Los elementos HTML sin contenido se denominan elementos vacíos. Los elementos vacíos no tienen una etiqueta final, como el elemento <br> (que indica un salto de línea).
Elementos HTML anidados
Los elementos HTML pueden estar anidados (los elementos pueden contener elementos).
Todos los documentos HTML consisten en elementos HTML anidados.
Este ejemplo contiene cuatro elementos HTML:
Ejemplo explicado
El <html>elemento define todo el documento .Tiene una etiqueta de inicio <html> y una etiqueta de finalización </html>.
Dentro del elemento <html> está el <body>elemento.
Tiene una etiqueta de inicio <body> y una etiqueta de finalización </body>.
Dentro del elemento <body> hay otros dos elementos HTML: <h1>y <p>.
El <h1>elemento define un encabezado .
Tiene una etiqueta de inicio <h1> y una etiqueta de finalización </h1>.
El contenido del elemento es: Mi primer encabezado.
El <p>elemento define un párrafo .
Tiene una etiqueta de inicio <p> y una etiqueta de finalización </p>.
El contenido del elemento es: Mi primer párrafo.
No olvides la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Tiene una etiqueta de inicio <h1> y una etiqueta de finalización </h1>.
El contenido del elemento es: Mi primer encabezado.
El <p>elemento define un párrafo .
Tiene una etiqueta de inicio <p> y una etiqueta de finalización </p>.
El contenido del elemento es: Mi primer párrafo.
No olvides la etiqueta final
Algunos elementos HTML se mostrarán correctamente, incluso si olvida la etiqueta final:
Nunca confíes en esto. Puede producir resultados inesperados y / o errores si olvida la etiqueta final.
Elementos HTML vacíos
Los elementos HTML sin contenido se denominan elementos vacíos.
<br>es un elemento vacío sin una etiqueta de cierre (la <br> etiqueta define un salto de línea):
Los elementos vacíos se pueden "cerrar" en la etiqueta de apertura de esta manera: <br />.
HTML no requiere que se cierren elementos vacíos. Pero si desea una validación más estricta, o si necesita hacer que su documento sea legible por analizadores XML, debe cerrar todos los elementos HTML correctamente.
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 Bartensoft recomienda minúsculas en HTML y exige minúsculas para tipos de documentos más estrictos como XHTML.
ATRIBUTOS HTML
Un atributo HTML proporciona información adicional sobre un elemento HTML.
Atributos HTML
Los atributos proporcionan información adicional sobre un elemento
Los atributos siempre se especifican en la etiqueta de inicio
Los atributos generalmente vienen en pares nombre / valor como: nombre = "valor"
El atributo href
Los enlaces HTML se definen con la <a>etiqueta. La dirección del enlace se especifica en el hrefatributo:
El atributo src
Las imágenes HTML se definen con la <img>etiqueta.
El nombre de archivo de la fuente de la imagen se especifica en el src atributo:
Los atributos de ancho y alto
Las imágenes HTML también tienen atributos widthy height, que especifica el ancho y el alto de la imagen:
Aprenderá más sobre las imágenes en nuestro capítulo Imágenes HTML .
El atributo alt
El altatributo especifica un texto alternativo que se utilizará, si no se puede mostrar una imagen.
El valor del altatributo puede ser leído por lectores de pantalla. De esta manera, alguien que "escucha" la página web, por ejemplo, una persona con discapacidad visual, puede "escuchar" el elemento.
El atributo de estilo
El style atributo se utiliza para especificar el estilo de un elemento, como color, fuente, tamaño, etc.
Aprenderá más sobre el estilo más adelante en este tutorial y en nuestro Tutorial CSS .
El atributo lang
El idioma del documento se puede declarar en la <html>etiqueta.
El idioma se declara con el lang atributo.
Declarar un idioma es importante para las aplicaciones de accesibilidad (lectores de pantalla) y los motores de búsqueda:
Las dos primeras letras especifican el idioma (en). Si hay un dialecto, agregue dos letras más (EE. UU.).
El título de atributo
Aquí, titlese agrega un atributo al <p> elemento. El valor del atributo de título se mostrará como información sobre herramientas cuando pase el mouse sobre el párrafo:
Sugerimos: usar atributos en minúsculas
El estándar HTML no requiere nombres de atributo en minúsculas.
El atributo de título se puede escribir con mayúsculas o minúsculas como título o TÍTULO .
W3C recomienda minúsculas en HTML y exige minúsculas para tipos de documentos más estrictos como XHTML.
Sugerimos: valores de atributos de cotización
El estándar HTML no requiere comillas alrededor de los valores de los atributos.
El href atributo se puede escribir sin comillas :
BartenSoft recomienda cotizaciones en HTML y exige cotizaciones para tipos de documentos más estrictos como XHTML.
A veces es necesario usar comillas. Este ejemplo no mostrará el atributo de título correctamente, porque contiene un espacio:
Usar comillas son las más comunes. Omitir comillas puede producir errores.
En BartenSoft siempre usamos comillas alrededor de los valores de los atributos.
Cotizaciones simples o dobles?
Las comillas dobles alrededor de los valores de los atributos son las más comunes en HTML, pero también se pueden usar comillas simples.
En algunas situaciones, cuando el valor del atributo contiene comillas dobles, es necesario utilizar comillas simples:
Resumen del capítulo
Todos los elementos HTML pueden tener atributos
El title atributo proporciona información adicional de "información sobre herramientas"
El href atributo proporciona información de dirección para enlaces.
Los atributos width y height proporcionan información sobre el tamaño de las imágenes.
El alt atributo proporciona texto para lectores de pantalla.
En Bartensoft siempre usamos nombres de atributo en minúsculas
En Bartensoft siempre citamos valores de atributos.
Atributos HTML
A continuación se muestra una lista alfabética de algunos atributos que se usan con frecuencia en HTML, sobre los cuales aprenderá más en este tutorial:
0 comentarios:
Publicar un comentario