Compito precedente
Introduzione a HTML e CSS5/13
Torna all'elenco delle attività
  1. 1. Andiamo!
  2. 2. CSS in azione
  3. 3. Consolidamento
  4. 4. Nozioni di base di HTML
  5. 5. Singoli tag HTML
  6. 6. Attributi dei tag HTML
  7. 7. Ricerca di errori in HTML
  8. 8. Le basi dei CSS
  9. 9. Altri modi per collegare il CSS
  10. 10. Selettori CSS
  11. 11. Classi in CSS
  12. 12. Proprietà e valori CSS
  13. 13. Ricerca di errori nei CSS
Compito successivo
  • Corsi
  • Registrazione
  • Accedi

Caricamento...
In pochi secondi sarà pronto.

  • Teoria
  • Teoria

Singoli tag HTML

Alcuni dei tag accoppiati che abbiamo incontrato. Quali sono i tag singoli?

I tag di coppia sono solitamente necessari per organizzare una sezione di testo. Con una coppia di tag, è possibile specificare l'inizio e la fine di quella sezione. Esistono però alcuni tag che non sono destinati ai frammenti di testo.

Ad esempio, un tag per inserire un'immagine o un tag per inserire una barra di separazione. Tali tag aggiungono un singolo oggetto alla pagina e non hanno bisogno di racchiudere alcun testo per farlo. Per questo motivo sono chiamati tag singoli.

Esempi di tali tag sono <br>, <hr>, <img>.

A proposito, nell'editor HTML si vedono frammenti di codice di questo tipo: <!-- testo -->. Sono chiamati "commenti" e il browser non li visualizza sulla pagina.

  • index.html
  • style.css
HTML
1
2
<!DOCTYPE html>
<html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CSS
1
2
body {
font-family: "Georgia", serif;
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Il codice è cambiato, fai clic su "Aggiorna" o attiva l'esecuzione automatica.

Sei passato a un'altra pagina

Fare clic all'interno del mini-browser per evidenziare questa finestra.

100%
ObiettiviCompletati 0 su 3

    Esercitatevi a usare i cartellini singoli per progettare la vostra scheda istruttore.

    1. Al posto del testo <!-- Immagine -->, inserite il tag <img> (l'immagine stessa apparirà nel prossimo compito).
    2. Invece di <!-- Separatore -->, inserire un tag <hr>.
    3. Al posto della didascalia <!-- Trasferimento -->, inserire i tag <br>.

    © 2023-2024, codegym.study