JSFiddle - React, Tailwind, and code Playground

by HcJanni

HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Musikglossar</title>
</head>
	<h2>Lautstärke- und Tempobezeichnungen in der Musik</h2>
<body>
	<h3>| <a href="#A-E">A-E</a> | <a href="#F-J">F-J</a> | <a href="#K-O">K-O</a> | <a href="#P-T">P-T</a> | <a href="#U-Z">U-Z</a> |</h3>
	
<p>
		<dl>
	<a name="A-E">
		
			<dt>Accelerando</dt>
				<dd>schneller werdend</dd>
			<dt>Andante</dt>
				<dd>gehend, schreitend</dd>
			<dt>Allegretto</dt>
				<dd>mäßig schnell, mäßig lebhaft</dd>
			<dt>Allegro</dt>
				<dd>schnell, lebhaft</dd>
	</a>
		
	<a name="F-J">
			<dt>Forte</dt>
				<dd>laut</dd>
			<dt>Fortissimo</dt>
				<dd>sehr laut</dd>
			<dt>Grava</dt>
				<dd>schwer, wuchtig</dd>
	</a>
		
	<a name="K-O">
			<dt>Largo</dt>
				<dd>breit</dd>
			<dt>Lento</dt>
				<dd>sehr laut</dd>
			<dt>Mezzoforte (mf)</dt>
				<dd>mäßig, laut, mittellaut</dd>
			<dt>Meezopiano (mp)</dt>
				<dd>mäßig leise, nicht ganz leise</dd>
			<dt>Moderato</dt>
				<dd>mäßig</dd>
	</a>
		
	<a name="P-T">
			<dt>Piano (p)</dt>
				<dd>leise</dd>
			<dt>Pianissimo (pp)</dt>
				<dd>sehr leise</dd>
			<dt>Presto</dt>
				<dd>sehr schnell, geschwind</dd>
	</a>
		
	<a name="U-Z">
			<dt>Sforzato (sf oder sfz)</dt>
				<dd>sehr betont (laut)</dd>
			<dt>Moderato</dt>
				<dd>mäßig</dd>
			<dt>Vivace</dt>
				<dd>munter, lebthaft</dd>
		
	</a>
		</dl>
	
</body>
</html>