Ora cerchiamo di vedere un importante tag che si utilizza in una pagina HTML. Se scriviamo del testo, certamente lo facciamo in paragrafi ed esiste infatti il tag p che identifica i paragrafi. Ogni volta che lo utilizziamo, verrà inserita una riga vuota alla fine del paragrafo, come se in Word facessimo invio due volte alla fine di un paragrafo (per distanziare i paragrafi tra loro: qualcuno lo fa...). Per fare alcune prove, potete scrivere nel vostro file HTML, oppure credo sia più facile verificare quanto ho detto usando il sito www.w3schools.com. E' un sito che contiene diversi manuali di programmazione, ben scritti. Lo so, sono in inglese! ma per ciò che dobbiamo fare possiamo farcela tutti. Andiamo sulla pagina http://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs1 e qui possiamo fare le nostre prove in diretta: si modifica l'HTML nel riquadro di sinistra, poi si preme il pulsante "Edit the text and click me" e si vede subito il risultato a destra. Carino, vero? L'esempio vi mostra quello che dicevo: usando il tag p si crea uno spazio vuoto tra paragrafi. E se non vogliamo questa riga vuota? Possiamo "spezzare" il paragrafo usando il tag br (che NON ha tag di chiusura): quando vogliamo fare punto a capo, si scrive il testo e poi si inserisce il tag br. In questo modo si va a capo senza aggiungere ulteriormente una riga vuota. In alcuni editor HTML, per chi li usa, equivale a fare CTRL+INVIO (Control e Invio). Tanto per ricordare il tag, può essere utile sapere che br sta per break row ("spezza la riga").Il tag p ha degli attributi, per esempio possiamo cambiare l'allineamento in questo modo:
<p align="center">testo centrato</p>
Non scendo nei particolari di questi attributi, perché per fare bene le cose bisognerebbe utilizzare gli stili, uno strumento molto potente che rende la modifica delle nostre pagine veloce ed efficace. Alla fine di queste lezioni introduttive all'HTML parleremo di CSS e fogli di stile e ritorneremo su tutto questo.
Aspettate fiduciosi e seguitemi :-)
A presto
Emanuele
Nessun commento:
Posta un commento