start . me .
Directory path . web , corso-html .

HTML Document File : html-sintassi.html 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> html, sintassi ed esempi </title>
    <link rel="stylesheet" href="/sitewide.css"><script src="/web/dhtml/color-theme/colors.js"></script>
</head>

<body>
    <a href="percorsi.html">percorsi tematici</a>
    <style>
        .pre {
            white-space: pre;
        }

        .html {
            white-space: normal;
        }
    </style>

    <div class="pre">
        L'HTML è un modo per delimitare il testo:
        <div class="html"> <strong> testo delimitato </strong> </div>
        C'è un tag di apertura, un tag di chiusura, un contenuto intermedio.
        Un tag di apertura ha questa sintassi: &lt;tag>.
        Un tag di chiusura ha questa sintassi: &lt;/tag>.
        <hr>
        esempi di tag di "formato testo"
        <div class="html">
            <B>grassetto detto Bold</b>
            <I>corsivo detto Italics</i>
            <U>sottolineato detto Underlined</u>
        </div>
        <hr>
        con un attributo dell'immagine specifico quale immagine incorporare e visualizzare.
        <div class="html">
            immagine detta image, IMaGe <br>
            <IMG src="acqua.jpeg">
        </div>
        <hr>
        esempio di tag interni ad altri tags e attributi (attributo href in questo caso).
        con un attributo del link specifico dove porta tale link se seguito.
        <div class="html">
            elementi di elenco detti ListItem
            <LI><a href="https://maps.google.com" target="_blank">link a google maps aperto come nuova finestra</a></li>
            <LI><a href="javascript:alert('script eseguito')">link con script JavaScript</a></li>
        </div>
        <hr>

    </div>

    <script>
        for (var html_language_section of document.querySelectorAll(".html")) {
            var inner_html = html_language_section.innerHTML
            inner_html = inner_html.split("\n").map(line => line.trimStart(" ")).join("\n")
            var adjacent_html = "<pre>" + inner_html.replaceAll("<", "&lt;") + "</pre>"
            html_language_section.insertAdjacentHTML("afterend", adjacent_html)
        }
    </script>

    <a href="https://arkenidar.github.io/editor/editor.html">link esterno: un modo di scrivere HTML e vedere subito il
        risultato</a>

    <div><a href="."> go to main page. </a></div>

    <script src="/web/show-source.js"></script>

</body>

</html>