{"id":9446,"date":"2025-08-01T14:50:49","date_gmt":"2025-08-01T12:50:49","guid":{"rendered":"https:\/\/www.blogseite.com\/quiz\/?p=9446"},"modified":"2025-08-01T14:50:52","modified_gmt":"2025-08-01T12:50:52","slug":"html","status":"publish","type":"post","link":"https:\/\/www.blogseite.com\/quiz\/html\/","title":{"rendered":"Quiz \u00fcber HTML"},"content":{"rendered":"<figure><\/figure>\n\n    <div id=\"donut-timer-flybutton\" class=\"donut-timer\">\n    <svg class=\"donut-svg\" viewBox=\"0 0 36 36\">\n        <circle class=\"donut-ring\" cx=\"18\" cy=\"18\" r=\"16\" fill=\"none\" stroke=\"#f0f0f0\" stroke-width=\"2\"><\/circle>\n        <circle class=\"donut-segment\" cx=\"18\" cy=\"18\" r=\"16\" fill=\"none\" stroke=\"#4CAF50\" stroke-width=\"2\" \n                stroke-dasharray=\"0 100\" stroke-linecap=\"round\"><\/circle>\n    <\/svg>\n    <span class=\"donut-time\">0s<\/span>\n<\/div>\n    <div class=\"quiz-container\">\n        <div id=\"leaderboard-container\">\n            \n<!-- WP QUADS v. 3.0.3  Shortcode Ad -->\n<div class=\"quads-location quads-ad3204\" id=\"quads-ad3204\" style=\"float:none;margin:100px;\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6493352997822853\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Displayanzeigenblock2 -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6493352997822853\"\n     data-ad-slot=\"7559083288\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n            <h3 class=\"leaderboard-title\">Top 5 Spieler<\/h3><table class=\"leaderboard-table\"><thead><tr><th>Name<\/th><th>Punkte<\/th><th>Zeit<\/th><\/tr><\/thead><tbody><tr><td>bin wohl besser als der informatikkker<\/td><td>200<\/td><td>00:28 Sekunden<\/td><\/tr><tr><td>easy bin informatikkker<\/td><td>200<\/td><td>00:39 Sekunden<\/td><\/tr><tr><td>Test<\/td><td>200<\/td><td>01:51 Sekunden<\/td><\/tr><tr><td>Test<\/td><td>150<\/td><td>02:10 Sekunden<\/td><\/tr><tr><td>feuerherz<\/td><td>140<\/td><td>02:04 Sekunden<\/td><\/tr><\/tbody><\/table>        <\/div>\n        <br>\n       <div class=\"quiz-question\" id=\"question-0\" data-index=\"0\" \n         >\n        <p><strong>Was bedeutet HTML?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"0\" \n                    >\n                Hyper Trainer Markup Language            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"1\" \n                    >\n                Hyper Text Markup Language            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"2\" \n                    >\n                Hyper Text Markdown Language            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"3\" \n                    >\n                Home Tool Markup Language            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-1\" data-index=\"1\" \n         class=\"disabled\">\n        <p><strong>Welches HTML-Element wird f\u00fcr den gr\u00f6\u00dften \u00dcberschriftentext verwendet?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                &lt;h3&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                &lt;h6&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                &lt;h1&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                &lt;h2&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-2\" data-index=\"2\" \n         class=\"disabled\">\n        <p><strong>Welches Tag erzeugt einen Zeilenumbruch?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"0\" \n                    disabled>\n                &lt;break&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"1\" \n                    disabled>\n                &lt;br&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"2\" \n                    disabled>\n                &lt;lb&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"3\" \n                    disabled>\n                &lt;line&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-3\" data-index=\"3\" \n         class=\"disabled\">\n        <p><strong>Welches Attribut wird verwendet, um einen Bildtitel als Tooltip anzuzeigen?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                alt            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                tooltip            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                title            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                label            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-4\" data-index=\"4\" \n         class=\"disabled\">\n        <p><strong>Was bewirkt das &lt;em&gt;-Tag?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                <a href=\"https:\/\/www.blogseite.com\/quiz\/es\/\">Es<\/a> macht den Text fett.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                Es hebt Text hervor.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                Es macht Text kursiv.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                Es erzeugt einen Absatz.            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-5\" data-index=\"5\" \n         class=\"disabled\">\n        <p><strong>Welches HTML-Element enth\u00e4lt Metadaten?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                &lt;footer&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                &lt;meta&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                &lt;head&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                &lt;section&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-6\" data-index=\"6\" \n         class=\"disabled\">\n        <p><strong>Welches Attribut bei &lt;a&gt; \u00f6ffnet den Link in einem neuen Tab?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                href            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                newtab            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                target            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                rel            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-7\" data-index=\"7\" \n         class=\"disabled\">\n        <p><strong>Welche Datei-Endung hat eine HTML-Datei normalerweise?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"0\" \n                    disabled>\n                .html            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"1\" \n                    disabled>\n                .css            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"2\" \n                    disabled>\n                .js            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"3\" \n                    disabled>\n                .htm            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-8\" data-index=\"8\" \n         class=\"disabled\">\n        <p><strong>Was ist &lt;ul&gt;?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"0\" \n                    disabled>\n                Ein Bild            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"1\" \n                    disabled>\n                Eine \u00dcberschrift            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"2\" \n                    disabled>\n                Eine Tabelle            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"3\" \n                    disabled>\n                Eine ungeordnete Liste            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-9\" data-index=\"9\" \n         class=\"disabled\">\n        <p><strong>Was macht das &lt;strong&gt;-Tag?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"0\" \n                    disabled>\n                Es macht Text kursiv.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"1\" \n                    disabled>\n                Es betont Text stark.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"2\" \n                    disabled>\n                Es verlinkt Text.            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"3\" \n                    disabled>\n                Es erstellt eine Tabelle.            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-10\" data-index=\"10\" \n         class=\"disabled\">\n        <p><strong>Was bedeutet das Attribut &#039;alt&#039; in &lt;img&gt;?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"0\" \n                    disabled>\n                Alternativer Text            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"1\" \n                    disabled>\n                Alte Version            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"2\" \n                    disabled>\n                Audio Link            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"3\" \n                    disabled>\n                HTML-Attribut            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-11\" data-index=\"11\" \n         class=\"disabled\">\n        <p><strong>Womit beginnt ein HTML-Dokument?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"0\" \n                    disabled>\n                &lt;html&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"1\" \n                    disabled>\n                &lt;doctype&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"2\" \n                    disabled>\n                &lt;start&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"3\" \n                    disabled>\n                &lt;!DOCTYPE html&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-12\" data-index=\"12\" \n         class=\"disabled\">\n        <p><strong>Welche Tags umschlie\u00dfen den sichtbaren Teil der Website?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"0\" \n                    disabled>\n                &lt;head&gt; ... &lt;\/head&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"1\" \n                    disabled>\n                &lt;html&gt; ... &lt;\/html&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"2\" \n                    disabled>\n                &lt;section&gt; ... &lt;\/section&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"3\" \n                    disabled>\n                &lt;body&gt; ... &lt;\/body&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-13\" data-index=\"13\" \n         class=\"disabled\">\n        <p><strong>Welches Attribut wird benutzt, um Formulareingaben vorzugeben?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"0\" \n                    disabled>\n                placeholder            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"1\" \n                    disabled>\n                value            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"2\" \n                    disabled>\n                default            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"3\" \n                    disabled>\n                preload            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-14\" data-index=\"14\" \n         class=\"disabled\">\n        <p><strong>Welches HTML-Tag erzeugt ein Dropdown-Men\u00fc?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"0\" \n                    disabled>\n                &lt;dropdown&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"1\" \n                    disabled>\n                &lt;select&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"2\" \n                    disabled>\n                &lt;option&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"3\" \n                    disabled>\n                &lt;menu&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-15\" data-index=\"15\" \n         class=\"disabled\">\n        <p><strong>Wozu dient das &lt;form&gt;-Element?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"0\" \n                    disabled>\n                Zum Einf\u00fcgen von Bildern            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"1\" \n                    disabled>\n                Zur Navigation            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"2\" \n                    disabled>\n                Zur Darstellung von Text            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"3\" data-index=\"3\" \n                    disabled>\n                Zum Erstellen von Formularen            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-16\" data-index=\"16\" \n         class=\"disabled\">\n        <p><strong>Wie verlinkt man ein externes Stylesheet?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                &lt;link href=&#039;style.css&#039;&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                &lt;style src=&#039;style.css&#039;&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                &lt;link rel=&#039;stylesheet&#039; href=&#039;style.css&#039;&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                &lt;style rel=&#039;css&#039;&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-17\" data-index=\"17\" \n         class=\"disabled\">\n        <p><strong>Was ist der Zweck von &lt;input type=&#039;text&#039;&gt;?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"0\" \n                    disabled>\n                Ein Bild einf\u00fcgen            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"1\" \n                    disabled>\n                Ein Passwort eingeben            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"2\" \n                    disabled>\n                Ein Textfeld erzeugen            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"2\" data-index=\"3\" \n                    disabled>\n                Ein Formular senden            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-18\" data-index=\"18\" \n         class=\"disabled\">\n        <p><strong>Welcher Tag zeigt einen numerierten Punkteliste?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"0\" \n                    disabled>\n                &lt;list&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"1\" \n                    disabled>\n                &lt;ol&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"2\" \n                    disabled>\n                &lt;ul&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"1\" data-index=\"3\" \n                    disabled>\n                &lt;li&gt;            <\/button><br>\n                <hr>\n    <\/div>\n    <div class=\"quiz-question\" id=\"question-19\" data-index=\"19\" \n         class=\"disabled\">\n        <p><strong>Wie wird ein Kommentar in HTML geschrieben?<\/strong><\/p>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"0\" \n                    disabled>\n                &lt;!-- Kommentar --&gt;            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"1\" \n                    disabled>\n                \/\/ Kommentar            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"2\" \n                    disabled>\n                # Kommentar            <\/button><br>\n                    <button class=\"quiz-answer\" data-correct=\"0\" data-index=\"3\" \n                    disabled>\n                \/* Kommentar *\/            <\/button><br>\n                <hr>\n    <\/div>\n\n\n    <\/div>\n    <style>\n  .quiz-container {\n    max-width: 1000px;\n    margin: 30px auto;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n}\n\n.quiz-question {\n    margin-bottom: 30px;\n    padding: 10px;\n    box-sizing: border-box;\n}\n\n.quiz-question p {\n    font-size: 25px;\n    margin-bottom: 15px;\n    text-align: center;\n    word-wrap: break-word;\n    color:black;\n}\n\n.quiz-answer {\n    display: block;\n    width: 90%;\n    max-width: 300px;\n    margin: 5px auto; \/* vorher: 10px auto *\/\n    padding: 12px 16px;\n    font-size: 20px;\n    cursor: pointer;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n    transition: background-color 0.2s ease, transform 0.1s ease;\n    text-align: center;\n    box-sizing: border-box;\n}\n.quiz-answer:hover {\n    background-color: #eaeaea;\n    transform: scale(1.02);\n}\n\n.quiz-answer.correct {\n    background-color: #d4edda;\n    border-color: green;\n    color:black;\n}\n\n.quiz-answer.incorrect {\n    background-color: #f8d7da;\n    border-color: red;\n    color:black\n}\n\nhr {\n    max-width: 80%;\n    margin: 20px auto;\n}\n\n\/* \ud83d\udcf1 Mobile Friendly Styles *\/\n@media (max-width: 600px) {\n    .quiz-container {\n        padding: 15px;\n    }\n\n    .quiz-question p {\n        font-size: 28px;\n    }\n\n    .quiz-answer {\n        font-size: 25px;\n        padding: 10px;\n    }\n}\n\n      \n      \n    .quiz-timer-flybutton {\n    position: fixed;\n    bottom: 20px;\n    left: 20px;\n    background-color: #28a745;\n    color: white;\n    padding: 10px 20px;\n    font-size: 18px;\n    border-radius: 50px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    z-index: 1000;\n}\n\n    #quiz-timer {\n    font-size: 16px;\n      }\n\n    \/* Container f\u00fcr das Leaderboard *\/\n.leaderboard-container {\n    width: 100%;\n    max-width: 800px;\n    margin: 20px auto;\n    padding: 20px;\n    background-color: #f9f9f9;\n    border-radius: 8px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* Titel des Leaderboards *\/\n.leaderboard-title {\n    text-align: center;\n    font-size: 24px;\n    color: #333;\n    margin-bottom: 20px;\n    font-family: 'Arial', sans-serif;\n    text-transform: uppercase;\n    font-weight: bold;\n}\n\n\/* Tabellenstil *\/\n.leaderboard-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 20px;\n}\n\n.leaderboard-table th,\n.leaderboard-table td {\n    padding: 12px 15px;\n    text-align: center;\n    font-size: 16px;\n    color: #333;\n    border-bottom: 1px solid #ddd;\n}\n\n.leaderboard-table th {\n    background-color: #4CAF50;\n    color: white;\n    font-weight: bold;\n}\n\n\/* Zeilenfarben f\u00fcr das Leaderboard *\/\n.leaderboard-table tbody tr:nth-child(even) {\n    background-color: #f2f2f2;\n}\n\n.leaderboard-table tbody tr:hover {\n    background-color: #e0e0e0;\n}\n\n\n  \n.swal2-confirm-green {\n    background-color: #28a745 !important;\n    color: #fff !important;\n    font-weight: bold;\n    padding: 10px 20px;\n    border-radius: 5px;\n    font-size: 1em;\n}\n\n.swal2-cancel-grey {\n    background-color: #ccc !important;\n    color: #333 !important;\n    padding: 10px 20px;\n    border-radius: 5px;\n    font-size: 1em;\n}\n\n.donut-timer {\n    position: fixed;\n    bottom: 20px;\n    left: 20px;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background: white;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.donut-svg {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    transform: rotate(-90deg);\n}\n\n.donut-ring {\n    fill: none;\n    stroke: #f0f0f0;\n    stroke-width: 4;\n}\n\n.donut-segment {\n    fill: none;\n    stroke-width: 4;\n    stroke-linecap: round;\n    transition: stroke 0.5s ease;\n}\n\n.donut-time {\n    font-family: 'Courier New', monospace;\n    font-size: 14px;\n    font-weight: bold;\n    position: relative;\n    z-index: 2;\n}\n\n      \n      \n<\/style>\n\n    <script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    let startTime = Date.now();\n    let timerInterval;\n    let quizCompleted = false;\n    const totalQuestions = document.querySelectorAll('.quiz-question').length;\n    let answeredQuestions = 0;\n    let score = 0;\n    let elapsedSeconds = 0; \/\/ Globale Variable f\u00fcr die gespeicherte Zeit\n\n    \/\/ Donut-Timer-Elemente\n    const donutSegment = document.querySelector('.donut-segment');\n    const donutTimeDisplay = document.querySelector('.donut-time');\n\n    function formatTime(seconds) {\n        const mins = Math.floor(seconds \/ 60);\n        const secs = seconds % 60;\n        return `${String(mins).padStart(2, '0')}:${String(secs).padStart(2, '0')}`;\n    }\n\n    function updateDonutTimer() {\n        if (quizCompleted) return;\n        \n        elapsedSeconds = Math.floor((Date.now() - startTime) \/ 1000);\n        const maxTime = 120; \/\/ 2 Minuten f\u00fcr vollen Farbverlauf\n        const progress = Math.min((elapsedSeconds \/ maxTime) * 100, 100);\n        \n        \/\/ Farbverlauf: Gr\u00fcn \u2192 Gelb\n        const hue = 120 - (120 * (progress \/ 100));\n        donutSegment.style.stroke = `hsl(${hue}, 100%, 50%)`;\n        donutSegment.style.strokeDasharray = `${progress} ${100 - progress}`;\n        donutTimeDisplay.textContent = `${elapsedSeconds}s`;\n    }\n\n    function startTimer() {\n        timerInterval = setInterval(updateDonutTimer, 1000);\n    }\n\n  function stopTimer() {\n    clearInterval(timerInterval);\n    quizCompleted = true;\n    const finalTime = formatTime(elapsedSeconds);\n    const currentURL = window.location.href;\n\n    const shareText = `Ich habe ${score} Punkte in ${finalTime} bei diesem Quiz erreicht!\\nKannst du mich schlagen?\\nMach mit: ${currentURL}`;\n    const whatsappURL = `https:\/\/wa.me\/?text=${encodeURIComponent(shareText)}`;\n    const facebookURL = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(currentURL)}`;\n\n    Swal.fire({\n        title: '<span style=\"color: #28a745;\">\ud83c\udfc6 Neuer Highscore!<\/span>',\n        html: `\n            <div style=\"font-size: 18px; color: #333;\">\n                <div style=\"margin-bottom: 8px;\">\n                    \u23f1\ufe0f <strong>Zeit:<\/strong>\n                    <span style=\"font-size: 1.3em; color: #000;\">${finalTime}<\/span>\n                <\/div>\n                <div>\n                    \u2b50 <strong>Punkte:<\/strong>\n                    <span style=\"font-size: 1.3em; color: orange;\">${score}<\/span>\n                <\/div>\n            <\/div>\n            <p style=\"margin-top: 20px; font-size: 19px; color: #444;\">\n                Trage deinen Namen f\u00fcr die Highscore-Liste ein:\n            <\/p>\n            <input style=\"width:80%;font-size:21px\" id=\"swal-input\" class=\"swal2-input\" placeholder=\"Dein Fantasy Name\">\n            <a id=\"whatsapp-share\" href=\"${whatsappURL}\" target=\"_blank\"\n               style=\"display: inline-block; margin-top: 15px; background-color: #25D366; color: white;\n                      padding: 10px 15px; border-radius: 5px; text-decoration: none; font-size: 16px;\">\n                Freunde auf WhatsApp herausfordern\n            <\/a>\n            <a id=\"facebook-share\" href=\"${facebookURL}\" target=\"_blank\"\n               style=\"display: inline-block; margin-top: 10px; background-color: #1877F2; color: white;\n                      padding: 10px 15px; border-radius: 5px; text-decoration: none; font-size: 16px;\">\n                Freunde auf Facebook herausfordern\n            <\/a>\n        `,\n        showCancelButton: true,\n        confirmButtonText: 'Eintragen',\n        cancelButtonText: 'Abbrechen',\n        focusConfirm: false,\n        preConfirm: () => {\n            const playerName = document.getElementById('swal-input').value;\n            if (!playerName) {\n                Swal.showValidationMessage('Bitte gib deinen Namen ein');\n                return false;\n            }\n\n            const data = {\n                action: 'save_leaderboard',\n                quiz_id: 1134,\n                player_name: playerName,\n                score: score,\n                time: finalTime\n            };\n\n            return jQuery.post('https:\/\/www.blogseite.com\/quiz\/wp-admin\/admin-ajax.php', data)\n                .then(response => {\n                    if (!response.success) {\n                        throw new Error('Speichern fehlgeschlagen');\n                    }\n                    return { playerName };\n                });\n        }\n    }).then((result) => {\n        if (result.isConfirmed) {\n            Swal.fire({\n                icon: 'success',\n                title: 'Erfolg!',\n                html: `\n                    <p>Dein Score wurde gespeichert!<\/p>\n                    <a href=\"${whatsappURL}\" target=\"_blank\"\n                       style=\"display: inline-block; margin-top: 15px; background-color: #25D366; color: white;\n                              padding: 10px 15px; border-radius: 5px; text-decoration: none; font-size: 16px;\">\n                        Freunde auf WhatsApp herausfordern\n                    <\/a>\n                    <a href=\"${facebookURL}\" target=\"_blank\"\n                       style=\"display: inline-block; margin-top: 10px; background-color: #1877F2; color: white;\n                              padding: 10px 15px; border-radius: 5px; text-decoration: none; font-size: 16px;\">\n                        Freunde auf Facebook herausfordern\n                    <\/a>\n                `\n            });\n        }\n    });\n}\n\n\n    \/\/ Starte den Timer\n    startTimer();\n\ndocument.querySelectorAll('.quiz-question').forEach(qEl => {\n    qEl.querySelectorAll('.quiz-answer').forEach(btn => {\n        btn.addEventListener('click', () => {\n            const correct = parseInt(btn.dataset.correct);\n            const index = parseInt(btn.dataset.index);\n\n            \/\/ Deaktiviere alle Buttons dieser Frage\n            qEl.querySelectorAll('.quiz-answer').forEach(b => b.disabled = true);\n\n            \/\/ Punktevergabe\n            if (index === correct) {\n                btn.classList.add('correct');\n                score += 10;\n\n                \/\/ \ud83c\udf89 Konfetti beim richtigen Button\n                const rect = btn.getBoundingClientRect();\n                confetti({\n                    particleCount: 100,\n                    spread: 60,\n                    origin: {\n                        x: (rect.left + rect.width \/ 2) \/ window.innerWidth,\n                        y: (rect.top + rect.height \/ 2) \/ window.innerHeight\n                    }\n                });\n\n                \/\/ Vibration auf mobilen Ger\u00e4ten\n                if (navigator.vibrate) {\n                    navigator.vibrate(200); \/\/ Vibriert f\u00fcr 200ms\n                }\n\n            } else {\n                btn.classList.add('incorrect');\n                qEl.querySelector('.quiz-answer[data-index=\"' + correct + '\"]').classList.add('correct');\n            }\n\n            \/\/ Frage als beantwortet markieren\n            if (!qEl.classList.contains('answered')) {\n                qEl.classList.add('answered');\n                answeredQuestions++;\n            }\n\n            \/\/ Wenn alles beantwortet ist, stoppen\n            if (answeredQuestions === totalQuestions && !quizCompleted) {\n                quizCompleted = true;\n                stopTimer();\n            }\n\n           let nextStrong = btn.closest('.quiz-question').nextElementSibling?.querySelector('strong');\nif (nextStrong) {\n    \/\/ Berechne die Position des n\u00e4chsten <strong>-Elements\n    const rect = nextStrong.getBoundingClientRect();\n    const offsetTop = window.scrollY + rect.top - (window.innerHeight \/ 7); \/\/ Ein Viertel der Bildschirmh\u00f6he\n\n    \/\/ Verwende scrollTo, um mit einem Offset zu scrollen, aber ohne zu ruckeln\n    window.scrollTo({\n        top: offsetTop,\n        behavior: 'smooth'\n    });\n}\n\n        });\n    });\n});\n});\n    \n    \n    function showLeaderboard() {\n        const quizId = 1134;\n\n        jQuery.get('https:\/\/www.blogseite.com\/quiz\/wp-admin\/admin-ajax.php', {\n            action: 'get_leaderboard',\n            quiz_id: quizId\n        }, function(response) {\n            if (response.success && response.data.length > 0) {\n                let html = '<table style=\"width:100%; border-collapse:collapse; margin-bottom:20px;\">';\n                html += '<thead><tr><th>\ud83d\udc64 Name<\/th><th>\u2b50 Punkte<\/th><th>\u23f1\ufe0f Zeit<\/th><\/tr><\/thead><tbody>';\n                response.data.forEach(entry => {\n                    html += `<tr>\n                        <td>${entry.player_name}<\/td>\n                        <td>${entry.score}<\/td>\n                        <td>${entry.time}<\/td>\n                    <\/tr>`;\n                });\n                html += '<\/tbody><\/table>';\n\n                const leaderboardContainer = document.createElement('div');\n                leaderboardContainer.classList.add('quiz-leaderboard');\n                leaderboardContainer.innerHTML = `\n                    <h2>\ud83c\udfc6 Leaderboard<\/h2>\n                    ${html}\n                    <hr>\n                `;\n\n                const container = document.querySelector('.quiz-container');\n                container.parentNode.appendChild(leaderboardContainer);\n            }\n        });\n    }\n\n    showLeaderboard();\ndocument.addEventListener('DOMContentLoaded', function () {\n    let currentQuestion = 0; \/\/ Start bei der ersten Frage\n    let questions = document.querySelectorAll('.quiz-question'); \/\/ Alle Fragen ausw\u00e4hlen\n\n    \/\/ Event Listener f\u00fcr alle Antwort-Buttons\n    questions.forEach((question, index) => {\n        let buttons = question.querySelectorAll('.quiz-answer');\n        \n        \/\/ Wenn die Frage nicht die erste ist, Buttons deaktivieren\n        if (index > 0) {\n            buttons.forEach(button => {\n                button.disabled = true;\n            });\n        }\n\n        buttons.forEach(button => {\n            button.addEventListener('click', function () {\n                \/\/ Wenn die richtige Antwort ausgew\u00e4hlt wurde\n                let correct = button.getAttribute('data-correct');\n                if (correct) {\n                    \/\/ N\u00e4chste Frage aktivieren\n                    enableNextQuestion(index);\n                }\n            });\n        });\n    });\n\n    \/\/ Funktion, um die n\u00e4chste Frage zu aktivieren\n    function enableNextQuestion(index) {\n        if (index + 1 < questions.length) {\n            let nextQuestion = questions[index + 1];\n            nextQuestion.classList.remove('disabled'); \/\/ N\u00e4chste Frage aktivieren\n            let nextButtons = nextQuestion.querySelectorAll('.quiz-answer');\n            nextButtons.forEach(button => {\n                button.disabled = false; \/\/ Antwort-Buttons aktivieren\n            });\n        }\n    }\n});\n\n<\/script>\n    \n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udcbb Wie gut kennst du dich mit HTML aus? Teste dein Wissen im Quiz! \ud83d\ude04<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">HTML ist die Grundlage des modernen Webs. Ohne HTML g\u00e4be es keine Webseiten, keine Formulare, keine Links \u2013 kurz gesagt: kein Internet, wie wir es kennen. \ud83c\udf10 Aber wie gut kennst <strong>du<\/strong> dich wirklich mit HTML aus? In unserem HTML-Quiz kannst du zeigen, was du drauf hast \u2013 von den Basics bis zu kniffligen Details! \ud83d\ude0e<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcc4 Was ist HTML \u00fcberhaupt?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HTML steht f\u00fcr \u201eHypertext Markup Language\u201c und ist die Sprache, mit der Inhalte im Web strukturiert werden. \ud83d\udd24 \u00dcberschriften, Abs\u00e4tze, Bilder, Listen \u2013 alles beginnt mit einem HTML-Tag. Doch wie funktionieren die Tags genau? Und welche sind wirklich wichtig? Unser Quiz bringt <a href=\"https:\/\/www.blogseite.com\/quiz\/licht\/\">Licht<\/a> ins Dunkel! \ud83d\udca1<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd0d Tags, Attribute und Struktur \u2013 hast du den Durchblick?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ein gutes HTML-Dokument besteht aus sauberem Code, logischer Struktur und den richtigen Elementen. \ud83d\udc68\u200d\ud83d\udcbb Doch erinnerst du dich noch an den Unterschied zwischen <code>&lt;section&gt;<\/code>, <code>&lt;div&gt;<\/code> und <code>&lt;article&gt;<\/code>? Oder wei\u00dft du, wof\u00fcr das <code>alt<\/code>-Attribut bei Bildern da ist? Im Quiz wird dein Wissen auf den Pr\u00fcfstand gestellt! \ud83e\udde0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\ude80 HTML im Alltag \u2013 mehr als nur Webseiten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HTML ist nicht nur f\u00fcr professionelle Webentwickler relevant. Auch bei E-Mails, CMS-Systemen oder Website-Bauk\u00e4sten steckt immer ein bisschen HTML im Hintergrund. \ud83d\udc8c Viele Aufgaben im digitalen Alltag werden mit ein paar Zeilen Code erleichtert \u2013 vorausgesetzt, man kennt sich aus \ud83d\ude09.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udf89 Jetzt HTML-Quiz starten und dein Know-how testen!<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Du hast Lust, dein Wissen aufzufrischen oder zu beweisen, dass du ein echter HTML-Pro bist? Dann ist dieses Quiz genau das Richtige f\u00fcr dich! \ud83d\udca5 Egal ob Einsteiger oder Fortgeschrittener \u2013 hier erf\u00e4hrst du, wie viel du wirklich wei\u00dft. Viel Spa\u00df und viel Erfolg! \ud83d\udcbb\ud83d\ude04<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcbb Wie gut kennst du dich mit HTML aus? Teste dein Wissen im Quiz! \ud83d\ude04 HTML ist die Grundlage des modernen Webs. Ohne HTML g\u00e4be es keine Webseiten, keine Formulare,&hellip; <\/p>\n","protected":false},"author":2,"featured_media":8266,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[237],"tags":[791],"class_list":["post-9446","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technik","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com<\/title>\n<meta name=\"description\" content=\"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.blogseite.com\/quiz\/html\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com\" \/>\n<meta property=\"og:description\" content=\"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.blogseite.com\/quiz\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogseite.com - Quiz \ud83e\udd13 \ud83d\udd25\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-01T12:50:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-01T12:50:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1344\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"test\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"test\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/\"},\"author\":{\"name\":\"test\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#\\\/schema\\\/person\\\/7eecb7ebfdf168d9ec31056eabe650a3\"},\"headline\":\"Quiz \u00fcber HTML\",\"datePublished\":\"2025-08-01T12:50:49+00:00\",\"dateModified\":\"2025-08-01T12:50:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/\"},\"wordCount\":273,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#\\\/schema\\\/person\\\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7\"},\"image\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/fragezeichen.jpeg\",\"keywords\":[\"html\"],\"articleSection\":[\"Technik\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/\",\"url\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/\",\"name\":\"Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/fragezeichen.jpeg\",\"datePublished\":\"2025-08-01T12:50:49+00:00\",\"dateModified\":\"2025-08-01T12:50:52+00:00\",\"description\":\"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/fragezeichen.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/fragezeichen.jpeg\",\"width\":1344,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quiz \u00fcber HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#website\",\"url\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/\",\"name\":\"Blogseite.com - Quiz \ud83e\udd13 \ud83d\udd25\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#\\\/schema\\\/person\\\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#\\\/schema\\\/person\\\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7\",\"name\":\"Quizmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g\",\"caption\":\"Quizmaster\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.blogseite.com\\\/quiz\\\/#\\\/schema\\\/person\\\/7eecb7ebfdf168d9ec31056eabe650a3\",\"name\":\"test\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g\",\"caption\":\"test\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com","description":"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.blogseite.com\/quiz\/html\/","og_locale":"de_DE","og_type":"article","og_title":"Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com","og_description":"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?","og_url":"https:\/\/www.blogseite.com\/quiz\/html\/","og_site_name":"Blogseite.com - Quiz \ud83e\udd13 \ud83d\udd25","article_published_time":"2025-08-01T12:50:49+00:00","article_modified_time":"2025-08-01T12:50:52+00:00","og_image":[{"width":1344,"height":768,"url":"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg","type":"image\/jpeg"}],"author":"test","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"test","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.blogseite.com\/quiz\/html\/#article","isPartOf":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/"},"author":{"name":"test","@id":"https:\/\/www.blogseite.com\/quiz\/#\/schema\/person\/7eecb7ebfdf168d9ec31056eabe650a3"},"headline":"Quiz \u00fcber HTML","datePublished":"2025-08-01T12:50:49+00:00","dateModified":"2025-08-01T12:50:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/"},"wordCount":273,"commentCount":0,"publisher":{"@id":"https:\/\/www.blogseite.com\/quiz\/#\/schema\/person\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7"},"image":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg","keywords":["html"],"articleSection":["Technik"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.blogseite.com\/quiz\/html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.blogseite.com\/quiz\/html\/","url":"https:\/\/www.blogseite.com\/quiz\/html\/","name":"Quiz \u00fcber HTML - Wieviel wei\u00dft du? - 2026 - Blogseite.com","isPartOf":{"@id":"https:\/\/www.blogseite.com\/quiz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/#primaryimage"},"image":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg","datePublished":"2025-08-01T12:50:49+00:00","dateModified":"2025-08-01T12:50:52+00:00","description":"Wieviel wei\u00dft du \u00fcber HTML? Wie gut kennst du HTML? Kannst du alle Fragen richtig beantworten und den Highscore knacken?","breadcrumb":{"@id":"https:\/\/www.blogseite.com\/quiz\/html\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.blogseite.com\/quiz\/html\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.blogseite.com\/quiz\/html\/#primaryimage","url":"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg","contentUrl":"https:\/\/www.blogseite.com\/quiz\/wp-content\/uploads\/2025\/07\/fragezeichen.jpeg","width":1344,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/www.blogseite.com\/quiz\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.blogseite.com\/quiz\/"},{"@type":"ListItem","position":2,"name":"Quiz \u00fcber HTML"}]},{"@type":"WebSite","@id":"https:\/\/www.blogseite.com\/quiz\/#website","url":"https:\/\/www.blogseite.com\/quiz\/","name":"Blogseite.com - Quiz \ud83e\udd13 \ud83d\udd25","description":"","publisher":{"@id":"https:\/\/www.blogseite.com\/quiz\/#\/schema\/person\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blogseite.com\/quiz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/www.blogseite.com\/quiz\/#\/schema\/person\/8e9c6f2ca3f9ddfe1feaad7a6a1b7cc7","name":"Quizmaster","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g","caption":"Quizmaster"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/46f6f4923e0e1a898998775c1334e9850313948edb6e56eace00e82f51a246dc?s=96&d=mm&r=g"},"sameAs":["https:\/\/www.blogseite.com\/quiz\/"]},{"@type":"Person","@id":"https:\/\/www.blogseite.com\/quiz\/#\/schema\/person\/7eecb7ebfdf168d9ec31056eabe650a3","name":"test","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3e347036485d44946b8d853af06d17691fa2890183494ffd907e2490381811c?s=96&d=mm&r=g","caption":"test"}}]}},"_links":{"self":[{"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/posts\/9446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/comments?post=9446"}],"version-history":[{"count":0,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/posts\/9446\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/media\/8266"}],"wp:attachment":[{"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/media?parent=9446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/categories?post=9446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blogseite.com\/quiz\/wp-json\/wp\/v2\/tags?post=9446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}