El atributo de icono HTML <elemento de menú> se utiliza para definir la representación pictórica del comando de menú o elemento de menú. Contiene la URL de una imagen específica.
Sintaxis:
<menuitem icon="URL">
Valores de atributo: contiene una URL de valor único que especifica un icono para un elemento de menú en particular. Hay dos tipos de enlaces URL que se enumeran a continuación:
- Absoluta UR L: Apunta a otra página web.
- URL relativa : Apunta a otros archivos de la misma página web.
Ejemplo: El siguiente ejemplo ilustra el uso del atributo icon en la etiqueta <menuitem> .
HTML
<!DOCTYPE html> <html> <body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h2>HTML menuitem icon Attribute</h2> <div style="background:green; border:2px solid black; padding: 10px;" contextmenu="geeks"> <p>A Computer Science Portal for Geeks</p> <menu type="context" id="geeks"> <menu label="Send it on..."> <menuitem label="Twitter" onclick="window.open( '//twitter.com/intent/tweet?text='+ window.location.href);" icon="ico_twitter.png"> </menuitem> <menuitem label="Pinterest" onclick="window.open( 'http://pinterest.com/pin/create/button/?url=' + window.location.href);" icon="ico_pinterest.png"> </menuitem> </menu> <menuitem label="Mail The current Page" onclick="window.location='mailto:?body=' + window.location.href;" icon="ico_email.png"> </menuitem> </menu> </div> <p>A Computer Science Portal for Geeks</p> <hr> <p>Right click on green div and see the menuitem </p> </center> </body> </html>
Producción:
atributo de icono
Navegador compatible: el atributo de icono solo será compatible con la versión 8.0 de Firefox.
Publicación traducida automáticamente
Artículo escrito por hritikbhatnagar2182 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA