Pillole di Web e LifeStyle
La prima pagina web sarà molto semplice.
Ricordatevi di chiudere immediatamente un tag non appena lo avrete aperto, e poi posizionarvi al centro per inserire i contenuti, altrimenti vi dimenticherete i tag aperti e la pagina non sarà visualizzata correttamente.
Read moreIl tag BODY visualizza tutti i contenuti della pagina. Pertanto, se voglio visualizzare una frase o una immagine, verranno inseriti all’interno del tag BODY.
Supponiamo di voler far visualizzare la frase SALVE MONDO!
Tale frase, pertanto, dovrà essere inserita in questo modo nel tag body
<BODY>
SALVE MONDO!
</BODY>
Il risultato è una pagina bianca con una semplice scritta nera con il font predefenito dal browser.
A questo punto, siamo pronti per realizzare la nostra prima pagina HTML.
Il tag HEAD è un tag serve a impostare alcune informazioni sulla pagina, come per esempio il titolo, il nome dell’autore, gli script e le regole di stile.
Una buona pagina HTML deve contenere il tag title, ovvero il titolo della pagina. Il titolo della pagina viene visualizzato in alto nella barra del browser, viene letto dai motori di ricerca per avere informazioni sul contenuto. Si tratta pertanto di un tag molto importante ai fini del posizionamento del sito web, e deve contenere una brevissima descrizione dell’argomento trattato.
Read moreVogliamo realizzare una pagina web con “Il cantico delle creature” di San Francesco di Assisi.
Copiate e incollate la seguente pagina.
I tag H1 , H5 e H6 sono trattati dettagliatamente nella lezione Gli Headings
I controlli possibili sui campi HTML di un form sono:
Verifichiamo che i campi inseriti in un form siano validi.
Prima cosa, effettuiamo il download e decompriamo la seguente cartella:
Il Radio Button, o Option button, fornisce una opzione mutuamente esclusiva all’utente. Ovvero, al contrario del checkbox, non posso selezionare più di una opzione all’interno di una lista di scelte.
Si usa quindi quando dobbiamo far selezionare all’utente una unica scelta in una lista di possibili valori, per esempio la scelta della cittadinanza:
Oggi studieremo come si realizza un modulo di registrazione su un sito web con l’utilizzo dell’HTML.
All’interno del tag form saranno richiesti alcune informazioni all’utente. Supponiamo di voler richiedere:
NOME, COGNOME, USERNAME, PASSWORD e che i campi siano seguiti dai pulsanti OK e ANNULLA.
Vogliamo realizzare una tabella per l’orario dei corsi di una palestra.
Per quanto riguarda lo sfondo della tabella e i font, sono validi tutti gli stili già studiati.
E’ possibile assegnare ampiezza e altezza della tabella con width ed height.
Nella prima riga posso utilizzare il tag TH (table heading) al posto del TD, in modo che il testo sia già centrato e sia in grassetto. In questo modo è anche possibile applicare uno stile diverso alle caselle della prima riga rispetto alle altre.
Per creare una semplice tabella (per esempio per gli orari dei corsi sul nostro sito web) dobbiamo imparare ad utilizzare diversi tag.
Il primo tag è <TABLE> che indica al browser che si sta aprendo una tabella.
Successivamente, è necessario aprire la riga con il tag TR, e poi la colonna (o la casella) con il tag <TD>.
All’interno del tag <TD> va inserito il contenuto da visualizzare.
Tutti i tag vanno richiusi.
Per esempio, se vogliamo realizzare la seguente tabella: