Come farsi un sito in html e vivere felici

capitolo 1- lezione IV: elenchi

Lezione N.4
elenchi, elenchi, elenchi

La vita può essere tutta una lista, la lista dei tuoi amori, l'elenco delle più belle canzoni, quello delle cose che NON avresti dovuto fare.
HTML non sfugge alla logica della lista e infatti ha ben cinque tipi di liste che ti permettono di presentare in modo razionale e gradevole una serie di foto, di gif, o di libri, insomma qualunque cosa tu decida di inserire sulla tua pagina.

La pratica rompe la grammatica, proviamo i tags per gli elenchi non ordinati:

Inizierenmo con gli elenchi c.d. non ordinati,o "puntati" la sintassi è questa:

< ul > elenco non ordinato < /ul>
cui segue il tag < li > voce di lista < /li > che costituisce, appunto la voce della lista.
con tali tags puoi creare delle liste non numericamente ordinate, in cui la voce di lista è resa graficamente da una serie di pallini, quadrati vuoti o pieni.
Attributi del comando < ul > è, infatti:
< type= > seguito dal tipo di pallino che desideri:
 < type="disc" > inserisce il pallino standard
 < type="circle" > inserisce un quadrato vuoto
 < type="square" > inserisce un quadrato pieno

ecco cosa devi fare per avere la tua prima pagina formattata in HTML con il tuo primo paragrafo e il il tuo primo elenco:
VAI SU START > TUTTI I PROGRAMMI > ACCESSORI
dal menù che si apre scegli > BLOCCO NOTE, clikka per aprirlo una volta aperto il tuo documento di blocco note scrivi, RICORDANDO DI NON LASCIARE SPAZI ALL'INTERNO DEL TAG:



< html >
< head >
< title >la mia prima pagina in html < /title>
< body >

questa è la mia prima pagina in html :-)

< p align center >

questo è il mio primo paragrafo :-) e quesllo qui sotto è il mio primo elenco :-))

< ul type="square" >
le cinque cose che amo nella vita:
 < li >la birra fresca < / li >
 < li >la pizza< / li >
 < li >le risa dei bambini< / li >
 < li >il vento< / li >
 < li >la neve< / li >

< / ul >
 < / body >
 < / head >
 < / html >


adesso vai sulla barra dei comandi del documento clikka su File > salva con nome... > salva con il nome che preferisci, scegli un nome facile e chiaro devi salvarlo non con l'estensione nomescelto.txt ma con l'estensione nomescelto.html puoi o cambiare direttamente l'estensione o salvare il documento con estensione .txt, quindi riaprilo e cambiare l'estensione. Se adesso vai nella cartella dove hai salvato il tuo documento dovrebbe essere presente la classica pagina di Internet Explorer che porta il nome che tu hai stabilito, clikka per aprirla: vedrai così la tua prima pagina in html.

Esempio di elenco non ordinato

NB se vuoi modificare, o correggere la tua pagina , ecco come devi fare:
aprila con Internet Explorer
vai su > "visualizza"
dal menù a discesa scegli cliccandoci sopra > "HTML" , si aprirà il codice che hai creato, effettua le modifiche opportune sul codice, salvale; aggiorna, la pagina mediante l'apposito pulsante sulla barra di navigazione di Internet Explorer
.


Riepilogo: HTML: un linguaggio che permette di creare pagine web, siti
La struttura dei comandi:
< comando > tuo testo tuo testo tuo testo < / comando >
I comandi studiati:

< ul >< / ul >
indica che c'è una lista non ordinata,
< li >< /li > crea la voce di lista.
< ul type="disc" > crea il pallino standard, per la voce di lista.
< ul type="circle" > crea un quadratino vuoto, per la voce di lista.
< ul type="square" >crea un quadratino pieno, per la voce di lista.
torna all'indice di "FARE"

www.direfarepensare.it
Bulldog