Post Top Ad

Your Ad Spot

domingo, 19 de abril de 2020

Atributo HTML

  • Los atributos HTML son palabras especiales que proporcionan información adicional sobre los elementos o los atributos son el modificador del elemento HTML.
  • Cada elemento o etiqueta puede tener atributos, que definen el comportamiento de ese elemento.
  • Los atributos siempre deben aplicarse con la etiqueta de inicio.
  • El atributo siempre debe aplicarse con su par de nombre y valor.
  • El nombre y los valores de los atributos distinguen entre mayúsculas y minúsculas, y W3C recomienda que se escriba solo en minúsculas.
  • Puede agregar varios atributos en un elemento HTML, pero debe dar espacio entre dos atributos.

Sintaxis

  1. element attribute_name "value" contenido </ element >   

Ejemplo

  1.  <! DOCTYPE html >  
  2. html >  
  3. Cabeza >  
  4. </ cabeza >  
  5. cuerpo >  
  6.     h1  Este es el atributo de estilo </ h1 >  
  7.    style "height: 50px; color: blue" Agregará la propiedad de estilo en el elemento </ >   
  8.     style "color: red" Cambiará el color del contenido </ >   
  9. </ cuerpo >  
  10. </ html >  
Pruébalo ahora
Salida:
Atributo HTML
Explicación del ejemplo anterior:
  1. style "height: 50px; color: blue" Agregará la propiedad de estilo en el elemento </ >   
Pruébalo ahora
En la declaración anterior, hemos utilizado etiquetas de párrafo en las que hemos aplicado el atributo de estilo. Este atributo se usa para aplicar la propiedad CSS en cualquier elemento HTML. Proporciona altura al elemento de párrafo de 50 px y lo convierte de color a azul.
  1. style "color: red" Cambiará el color del contenido </ >   
En la declaración anterior, nuevamente hemos utilizado el atributo de estilo en la etiqueta de párrafo, que cambia su color a rojo.

Nota: A continuación se dan algunos atributos de uso común, y la lista completa y la explicación de todos los atributos se dan en la Lista de atributos HTML.


El atributo de título en HTML

Descripción: el atributo de título se utiliza como información sobre herramientas de texto en la mayoría de los navegadores. Muestra su texto cuando el usuario mueve el cursor sobre un enlace o cualquier texto. Puede usarlo con cualquier texto o enlace para mostrar la descripción sobre ese enlace o texto. En nuestro ejemplo, estamos tomando esto con etiqueta de párrafo y etiqueta de encabezado.

Ejemplo

Con la etiqueta <h1>:
  1. h1 title "Esta es la etiqueta de encabezado" Ejemplo de atributo de título </ h1 >   
Pruébalo ahora
Con la etiqueta <p>:
  1. title "Esta es la etiqueta de párrafo" Mueva el cursor sobre el encabezado y el párrafo, y verá una descripción como información sobre herramientas </ >   
Pruébalo ahora
Código:
  1. <! DOCTYPE html >  
  2. html >  
  3.   Cabeza >  
  4.  </ cabeza >  
  5. cuerpo >  
  6.       
  7.   h1 title "Esta es la etiqueta de encabezado" Ejemplo de atributo de título </ h1 >   
  8.   title "Esta es la etiqueta de párrafo" Mueva el cursor sobre el encabezado y el párrafo, y verá una descripción como información sobre herramientas </ >   
  9.   
  10. </ cuerpo >  
  11. </ html >  
Pruébalo ahora
Salida:
Título Atributo

El atributo href en HTML

Descripción: el atributo href es el atributo principal de la etiqueta de anclaje <a>. Este atributo proporciona la dirección de enlace que se especifica en ese enlace. El atributo href proporciona el hipervínculo, y si está en blanco, permanecerá en la misma página .

Ejemplo

Con dirección de enlace:
  1. Un href "https://www.javatpoint.com/html-anchor" Este es un enlace </ una >   
Pruébalo ahora
Sin dirección de enlace:
  1. Un href "" Este es un enlace </ una >   
Pruébalo ahora Atributo HTML

El atributo src

El atributo src es uno de los atributos importantes y necesarios del elemento <img> . Es la fuente de la imagen que se requiere para mostrar en el navegador. Este atributo puede contener imagen en el mismo directorio u otro directorio. El nombre o la fuente de la imagen deben ser correctos, de lo contrario, el navegador no mostrará la imagen.

Ejemplo

  1. img src "whitepeacock.jpg" height "400" width "600" >     
Pruébalo ahora

Nota: El ejemplo anterior también tiene el atributo de alto y ancho, que define el alto y el ancho de la imagen en la página web.

Salida:
Atributo HTML

Cotizaciones: comillas simples o comillas dobles?

En este capítulo ha visto que hemos usado atributos con comillas dobles, pero algunas personas pueden usar comillas simples en HTML. Por lo tanto, también se permite el uso de comillas simples con atributo HTML. Las siguientes dos declaraciones están absolutamente bien.
  1. Un href "https://www.javatpoint.com" Un enlace a HTML. </ >   
  2. Un href 'https://www.javatpoint.com' Un enlace a HTML. </ >   
Pruébalo ahora
EN HTML5, también puede omitir el uso de comillas alrededor de los valores de los atributos.
  1. Un href https : //www.javatpoint.com Un enlace a HTML. </ >   

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas