Atributos de HTML
Atributos de HTML
Los atributos proporcionan información adicional sobre los elementos HTML.
HTML Atributos
- Todos los elementos HTML pueden tener atributos
- 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 de nombre / valor como: name = "value"
The lang Attribute
El idioma del documento se puede declarar en la etiqueta .
El idioma se declara con el atributo lang .
Declarar un idioma es importante para las aplicaciones de accesibilidad (lectores de pantalla) y los motores de búsqueda:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Las dos primeras letras especifican el idioma (en). Si hay un dialecto, use dos letras más (EE. UU.).
El título Atributo
Aquí, se agrega un atributo de título al elemento . El valor del atributo de título se mostrará como información sobre herramientas al pasar el mouse sobre el párrafo:
Ejemplo
<p title="I'm a tooltip">
This is a paragraph.
</p>
El atributo href
Los enlaces HTML se definen con la etiqueta . La dirección del enlace se especifica en el atributo href :
Ejemplo
<a href="https://www.w3schools.com">This is a link</a>
Aprenderá más sobre los enlaces y la etiqueta más adelante en este tutorial.
Atributos de tamaño
Las imágenes HTML se definen con la etiqueta ![]()
.
El nombre de archivo de la fuente ( src ) y el tamaño de la imagen ( ancho y alto ) se proporcionan como atributos :
Ejemplo
<img src="w3schools.jpg" width="104" height="142">
El tamaño de la imagen se especifica en píxeles: width = "104" significa 104 píxeles de pantalla de ancho.
Aprenderá más sobre las imágenes y la etiqueta ![]()
más adelante en este tutorial.
El atributo Alt
El atributo alt especifica un texto alternativo que se utilizará cuando una imagen no se puede mostrar.
El valor del atributo puede ser leído por lectores de pantalla. De esta manera, alguien que "escucha" la página web, por ejemplo, una persona ciega, puede "escuchar" el elemento.
Ejemplo
<img src="w3schools.jpg" alt="W3Schools.com" width="104"height="142">
Sugerimos: utilizar atributos en minúscula
El estándar HTML5 no requiere nombres de atributos 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.
En W3Schools siempre usamos nombres de atributos en minúsculas.
Sugerimos: valores de atributo de cotización
El estándar HTML5 no requiere comillas para los valores de los atributos.
El atributo href , demostrado anteriormente, se puede escribir como:
Ejemplo
<a href=https://www.w3schools.com>
W3C recomienda comillas en HTML y exige citas para tipos de documentos más estrictos como XHTML.
Algunas veces es necesario usar comillas. Este ejemplo no mostrará el atributo de título correctamente porque contiene un espacio:
Ejemplo
<p title=About W3Schools>
El uso de comillas es el más común. Omitir citas puede producir errores.
En W3Schools siempre usamos comillas alrededor de los valores de los atributos.
En W3Schools siempre usamos comillas alrededor de los valores de los atributos.
Cotizaciones individuales 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 mismo contiene comillas dobles, es necesario utilizar comillas simples:
<p title='John "ShotGun" Nelson'>
O viceversa:
<p title="John 'ShotGun' Nelson">
Resumen del capítulo
- Todos los elementos HTML pueden tener atributos
- El atributo de título proporciona información adicional de "información sobre herramientas"
- El atributo href proporciona información de dirección para enlaces
- Los atributos de ancho y alto proporcionan información de tamaño para las imágenes
- El atributo alt proporciona texto para lectores de pantalla
- En W3Schools siempre usamos nombres de atributos en minúsculas
- En W3Schools siempre cotización valores con comillas dobles atribuimos
Ponte a prueba con ejercicios!
HTML Atributos
A continuación hay una lista alfabética de algunos atributos que se usan a menudo en HTML:
| Attribute | Description |
|---|---|
| alt | Specifies an alternative text for an image, when the image cannot be displayed |
| disabled | Specifies that an input element should be disabled |
| href | Specifies the URL (web address) for a link |
| id | Specifies a unique id for an element |
| src | Specifies the URL (web address) for an image |
| style | Specifies an inline CSS style for an element |
| title | Specifies extra information about an element (displayed as a tool tip) |
A complete list of all attributes for each HTML element, is listed in our: Referencia de Atributo HTML.
Entradas más populares de este blog
Listado pasaporte y cedulas SAIME 2018
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime www.saime.gob.ve y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa da cumplimiento a la séptima línea de
Etiqueta HTML < abbr >
Etiqueta HTML <abbr> ❮ Referencia HTML completa anterior Siguiente ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The < abbr title ="World Health Organization" > WHO < /abbr > was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia: una abreviatura y un acrónimo son versiones abreviadas de otra cosa. Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo: El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere
HTML < a > tag
HTML <a> día ❮ Referencia HTML completa anterior Siguiente ❯ Ejemplo Un enlace a W3Schools.com: < a href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia: los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo: Normalmente, una pági