Material - AV-Symbole

In diesem Kapitel wird die Verwendung der (Material-) AV-Symbole von Google erläutert. Annehmen, dasscustom ist der CSS-Klassenname, in dem wir die Größe und Farbe definiert haben, wie im folgenden Beispiel gezeigt.

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
		
      <style>
         i.custom {font-size: 2em; color: green;}
      </style>
		
   </head>
	
   <body>
      <i class = "material-icons custom">accessibility</i>
   </body>
	
</html>

Die folgende Tabelle enthält die Verwendung und die Ergebnisse der AV-Symbole von Google (Material). Ersetzen Sie das <body> -Tag des obigen Programms durch den in der Tabelle angegebenen Code, um die entsprechenden Ausgaben zu erhalten -

Verwendung	Ergebnis
<i class = "material-icons custom"> airplay </ i>	luftspiel
<i class = "material-icons custom"> album </ i>	Album
<i class = "material-icons custom"> av_timer </ i>	av_timer
<i class = "material-icons custom"> closed_caption </ i>	Closed_Caption
<i class = "material-icons custom"> Equalizer </ i>	Equalizer
<i class = "material-icons custom"> explizit </ i>	explizit
<i class = "material-icons custom"> fast_forward </ i>	fast_forward
<i class = "material-icons custom"> fast_rewind </ i>	fast_rewind
<i class = "material-icons custom"> forward_10 </ i>	forward_10
<i class = "material-icons custom"> forward_30 </ i>	forward_30
<i class = "material-icons custom"> forward_5 </ i>	forward_5
<i class = "material-icons custom"> Spiele </ i>	Spiele
<i class = "material-icons custom"> hd </ i>	hd
<i class = "material-icons custom"> Hören </ i>	Hören
<i class = "material-icons custom"> hohe_qualität </ i>	hohe Qualität
<i class = "material-icons custom"> library_add </ i>	library_add
<i class = "material-icons custom"> Bibliotheksbücher </ i>	Büchereibücher
<i class = "material-icons custom"> library_music </ i>	library_music
<i class = "material-icons custom"> Schleife </ i>	Schleife
<i class = "material-icons custom"> mic </ i>	mic
<i class = "material-icons custom"> mic_none </ i>	mic_none
<i class = "material-icons custom"> mic_off </ i>	mic_off
<i class = "material-icons custom"> Film </ i>	Film
<i class = "material-icons custom"> pause_circle_outline </ i>	pause_circle_outline
<i class = "material-icons custom"> new_releases </ i>	neue Veröffentlichungen
<i class = "material-icons custom"> nicht interessiert </ i>	nicht interessiert
<i class = "material-icons custom"> pausieren </ i>	Pause
<i class = "material-icons custom"> pause_circle_filled </ i>	pause_circle_filled
<i class = "material-icons custom"> play_arrow </ i>	play_arrow
<i class = "material-icons custom"> play_circle_filled </ i>	play_circle_filled
<i class = "material-icons custom"> play_circle_outline </ i>	play_circle_outline
<i class = "material-icons custom"> playlist_add </ i>	playlist_add
<i class = "material-icons custom"> Warteschlange </ i>	Warteschlange
<i class = "material-icons custom"> queue_music </ i>	queue_music
<i class = "material-icons custom"> radio </ i>	Radio
<i class = "material-icons custom"> Recent_actors </ i>	Recent_actors
<i class = "material-icons custom"> wiederholen </ i>	wiederholen
<i class = "material-icons custom"> repeat_one </ i>	repeat_one
<i class = "material-icons custom"> Wiedergabe </ i>	Wiederholung
<i class = "material-icons custom"> airplay </ i>	replay_10
<i class = "material-icons custom"> replay_30 </ i>	replay_30
<i class = "material-icons custom"> replay_5 </ i>	replay_5
<i class = "material-icons custom"> mischen </ i>	Mischen
<i class = "material-icons custom"> skip_next </ i>	Das Nächste überspringen
<i class = "material-icons custom"> skip_previous </ i>	skip_previous
<i class = "material-icons custom"> schlummert </ i>	dösen
<i class = "material-icons custom"> sort_by_alpha </ i>	sort_by_alpha
<i class = "material-icons custom"> stop </ i>	halt
<i class = "material-icons custom"> Untertitel </ i>	Untertitel
<i class = "material-icons custom"> Surround-Sound </ i>	Surround Sound
<i class = "material-icons custom"> video_library </ i>	Videobibliothek
<i class = "material-icons custom"> Videokamera </ i>	Videokamera
<i class = "material-icons custom"> videocam_off </ i>	videocam_off
<i class = "material-icons custom"> volume_down </ i>	Lautstärke runter
<i class = "material-icons custom"> volume_mute </ i>	volume_mute
<i class = "material-icons custom"> volume_off </ i>	volume_off
<i class = "material-icons custom"> volume_up </ i>	volume_up
<i class = "material-icons custom"> web </ i>	Netz