Concetti Chiave
- Il documento HTML presenta una struttura chiara, con sezioni dedicate alla definizione di stile e contenuto.
- I moduli di input consentono di calcolare il quoziente e il resto di una divisione inserendo dividendo e divisore.
- Le regole CSS definiscono la formattazione del testo e lo stile delle tabelle, assicurando una presentazione visivamente gradevole.
- Le tabelle utilizzano bordi e colori distintivi per migliorare la leggibilità e l'interazione dell'utente.
- La funzione JavaScript 'dividi' esegue il calcolo e aggiorna i risultati in tempo reale, migliorando l'esperienza utente.
Qual è la struttura del documento HTML?
BODY
{
color:#0000ff;
background-color:#dddddd;
font-family:Verdana;
}
A:link{color:#00ff00}
A:visited{color:ff0000}
table.sample {
border-width: 1px;
border-spacing: 2px;
border-style: outset;
border-color: blue;
border-collapse: collapse;
background-color: white;
}
table.sample th {
border-width: 1px;
padding: 4px;
border-style: inset;
border-color: blue;
background-color: yellow;
-moz-border-radius: ;
}
table.sample td {
border-width: 1px;
padding: 4px;
border-style: inset;
border-color: blue;
background-color: white;
-moz-border-radius: ;
}
function dividi(){
a = documento.modulo.a.value;
b = documento.modulo.b.value;
q = Math.floor(a / b);
document.modulo.q.value = q;
r= a - b*q;
document.modulo.r.value = r;
return false;
}
Modulo di input
name="Go" value="Fai il Calcolo">
name="clean" value="Pulisci il modulo">
width="80%" border="1" align="center">
Dividendo
onKeyUp="return(dividi());">
Divisore
onKeyUp="return(dividi());">
Quoziente
>
Resto
>
Domande da interrogazione
- Qual è la struttura di base di un documento HTML secondo il testo?
- Come viene gestita la formattazione delle tabelle nel documento?
- Qual è la funzione principale del modulo di input descritto nel testo?
La struttura di base di un documento HTML include elementi come BODY, che definisce lo stile del testo e il colore di sfondo, e moduli per l'input degli utenti, come evidenziato nel documento.
Le tabelle sono formattate con stili specifici, come bordi di colore blu e sfondi gialli per le intestazioni, come descritto nella sezione relativa a "table.sample".
La funzione principale del modulo di input è calcolare il quoziente e il resto di una divisione, utilizzando la funzione "dividi()" per elaborare i valori inseriti dall'utente.