Corso Base di HTML gratuito su Youtube

Luca Pilolli 16 ottobre 2023 Tutorial Italiano Edit this post

Vi segnalo questo Corso Base di HTML gratuito su YouTube decisamente ben fatto, utile sia per i neofiti che per coloro che hanno bisogn...

Vi segnalo questo Corso Base di HTML gratuito su YouTube decisamente ben fatto, utile sia per i neofiti che per coloro che hanno bisogno di aggiornare le loro conoscenze relative ai nuovi TAG HTML. Buona Visione.

Vi consiglio di usare questa risorsa disponibile su Wikipedia quando non ricordate un elemento (tag) HTML: it.wikipedia.org/wiki/Elemento_HTML

Relativamente a questo Corso consiglio di guardare bene questa lezione relativa alla struttura di un sito ed i relativi tag semantici che tanto aiutano la SEO cioè l'ottimizzazione del sito per l'indicizzazione sui motori di ricerca.

Esempio di struttura

<body>
    <!-- 
        Struttura tipica di un sito:
        header
        navigation bar
        main content
        - article
        - section
        side bar
        footer
    -->

    <header>
        <h1></h1>
    </header>

    <nav>
        <ul>
            <li><a href="#">Pagina iniziale</a></li>
            <li><a href="#">Servizi e Soluzioni</a></li>
            <li><a href="#">Chi Siamo</a></li>
            <li><a href="#">Contatti</a></li>
        </ul>
    </nav>

    <main>
        <artilce>

            [... article]

            <section>
                [... sezione della pagina / body / article ]
            </section>

        </artilce>
        
        <aside>
            <h2>[... barra laterale "a lato"]</h2>
            <ul>
                <li><a href="#">Menu aggiuntivo 1</a></li>
                <li><a href="#">aggiuntivo 2</a></li>
                <li><a href="#">aggiuntivo 3</a></li>
                <li><a href="#">aggiuntivo 4</a></li>
            </ul>
        </aside>

        <footer>
            <p>Sito di ...</p>
        </footer>

    </main>

</body>

</html>

Ovviamente se provassimo a pubblicare questo codice non avremmo un gran risultato perché lo stesso è privo di "stili" cioè quegli elementi che ne determinano lo stile grafico dell'impaginazione.

Nessun commento

Iscriviti a: Commenti sul post (Atom)