MrMurphy1: PHP/HTML Inhalte besser Sichtbar machen (mit Grafik)

Beitrag lesen

Hallo

also zum Beispiel so:

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>Hervorhebungen 02</title>
   <meta name="description" content="HTML5, CSS3">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
   /*Grundeinstellungen*/
   @media all {
      /* Neue HTML5-Elemente für ältere Browser als Block-Elemente übergeben */
      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }
      * {
         box-sizing: border-box;
      }
      html {
         font-size: 120%;
      }
      body {
         padding: 0.5rem;
         margin: 0;
      }
   }
   /*Spezielle Einstellungen*/
   @media all {
      mark {
         background: hsla(214, 41%, 78%, 0.4);
         display: block;
         padding-left: 0.5em;
      }
   }
   </style>
</head>
<body>
   <p>Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender <mark>{ körperlicher Betätigung, außer um Vorteile daraus zu ziehen?}</mark> Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude <mark>{zu genießen, <mark>{die keine unangenehmen Folgen hat, oder einen, der Schmerz vermeidet}</mark>, welcher keine daraus}</mark> resultierende Freude nach sich zieht?</p>
   <p>Um ein triviales Beispiel zu nehmen, wer von uns unterzieht sich je anstrengender <mark>{ <mark>{körperlicher <mark>{Betätigung, <mark>{außer um}</mark> Vorteile}</mark> daraus}</mark> zu ziehen?}</mark> Aber wer hat irgend ein Recht, einen Menschen zu tadeln, der die Entscheidung trifft, eine Freude <mark>{zu genießen, <mark>{die keine unangenehmen Folgen hat, oder einen, der Schmerz vermeidet}</mark>, welcher keine daraus}</mark> resultierende Freude nach sich zieht?</p>
</body>
</html>

Gruss

MrMurphy