HTML Flashcards
Cos’è l’HTML?
È un linguaggio di markup usato per creare documenti ipertestuali disponibili nel World Wide Web.
Perché l’HTML non è considerato un linguaggio di programmazione?
Non prevede variabili, strutture dati, funzioni o strutture di controllo.
Qual è la struttura generale di un documento HTML?
< html>: Contiene tutto il documento.
< head>: Intestazione con informazioni di controllo.
< body>: Contenuto visualizzato nel browser.
Quali sono le funzioni principali della sezione <head>?
Metadata.
Collegamenti a file esterni (CSS, script).
Definizione di stile interno.
Inserimento di script.
Titolo della pagina.
Qual è lo scopo della sezione <body>?
Contiene il contenuto visualizzabile: testo, immagini, collegamenti, tabelle, moduli, e altro.
Cosa sono i tag di apertura e chiusura?
Tag che delimitano il contenuto, es. < p>contenuto</p>.
Cosa sono i tag auto-chiudenti?
Tag che non necessitano una chiusura esplicita, es.
< input />.
Come si scrive un commento in HTML?
Con <!-- commento -->.
Cosa fa il tag <title>?</title>
Definisce il titolo della pagina visibile nella barra del browser.
Come si collega un file CSS esterno?
Con il tag < link>:
es
< link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
Cosa fa il tag <meta></meta>?
Fornisce informazioni, come:
Parole chiave: < meta name=”keywords” content=”HTML, CSS”>.
Descrizione: < meta name=”description” content=”Tutorial HTML”>.
Refresh: < meta http-equiv=”refresh” content=”30”>.
Come si inserisce uno script in HTML?
Con < script>:
Inline: < script>codice javascript< /script>.
Esterno: < script src=”fileconilcodice.js”>< /script>.
Come si definisce un titolo?
Con i tag <h1> a <h6>, dove <h1> è il più grande e <h6> il più piccolo.
Qual è la differenza tra <div> e <span>?</span>
< div>: Crea un blocco di contenuto (va a capo).
< span>: Evidenzia una porzione di testo (nella stessa riga).
Come si crea un link?
Con il tag < a>:
es
< a href=”https://www.example.com”>Clicca qui< /a>
Come si inserisce un’immagine?
Con il tag < img>:
es
< img src=”immagine.jpg” alt=”Descrizione”>
Come si crea una lista non ordinata?
Con < ul> e < li>:
es
< ul>
< li>Elemento 1< /li>
< li>Elemento 2< /li>
< /ul>
Come si crea una lista ordinata?
Con < ol> e < li>:
es
< ol>
< li>Elemento 1< /li>
< li>Elemento 2< /li>
< /ol>
Come si crea un menu a tendina?
Con < select>:
es
< select>
< option value=”1”>Opzione 1< /option>
< option value=”2”>Opzione 2< /option>
< /select>
Come si crea un modulo?
Con < form>:
es
< form method=”post”>
< input type=”text” name=”nome”>
< button>Invia< /button>
< /form>
Come si crea una tabella in HTML?
Usando < table>, < tr> e < td>:
es
< table border=”1”>
< tr>
< td>Contenuto< /td>
< /tr>
< /table>
Quali tag HTML sono poco consigliati?
< font> per colore, dimensione e stile (meglio CSS).
< b> e < i> (sostituire con < strong> e < em>).
Qual è il tag HTML per creare un campo di testo semplice?
< input type=’text’ name=’nome campo’>
Come si crea un campo per l’inserimento di una password?
< input type=’password’ name=’nome campo’>
Qual è il tag HTML per creare un’area di testo?
< textarea>testo all’interno dell’area di testo< /textarea>
Come si creano scelte multiple con i checkbox in HTML?
< input type=”checkbox” value=”nome scelta”> scelta1
< input type=”checkbox” value=”nome scelta”> scelta2
< input type=”checkbox” value=”nome scelta”> scelta3
