Elementi HTML per linterattività

L'elemento <a>

  • Il tag <a> definisce un collegamento ipertestuale, che viene utilizzato per collegare una risorsa internet.
  • L'attributo più importante dell'elemento <a> è l'attributo href, che indica la destinazione del collegamento.
  • Per impostazione predefinita, i collegamenti verranno visualizzati come segue in tutti i browser:
    • Un collegamento non visitato è sottolineato e blu
    • Un link visitati è sottolineato e viola
    • Un collegamento attivo è sottolineato e rosso
  • Il tag <a> per default è un elemento inline, ma può contenere qualsiasi altro elemeto o gruppo di elementi.

L'elemento <form>

  • Il tag <form> viene utilizzato per creare un modulo HTML per l'input dell'utente.
  • L'elemento <form> può contenere uno o più dei seguenti elementi del modulo:
    • <input>
    • <textarea>
    • <button>
    • <select>
    • <option>
    • <optgroup>
    • <fieldset>
    • <label>

Elementi multimediali

L'elemento <img>

  • Il tag <img> definisce un'immagine in una pagina HTML.
  • Il tag <img> ha due attributi obbligatori: src e alt.
  • Le immagini non sono tecnicamente inserite in una pagina HTML, ma collegate. Il tag <img> crea lo spazio di per l'immagine di riferimento
  • Per default sono elementi inline allineabili al testo attraverso la propietà vertical-align

Programmazione resposnsive

Media queries

  • La regola @media viene utilizzato per definire regole di stile differenti per dispositivi diversi.
  • Le @media queries verificano le caratteristiche del dispositivo. Possono essere utilizzati per controllare molte cose, come ad esempio:
    • larghezza e altezza della finestra del browser
    • larghezza e altezza del dispositivo
    • orientamento (il tablet / telefono è orizzontale o verticale?)
    • risoluzione
    • e molto altro

@media [not|only] mediatype and (media feature) {
    regole CSS;

}