img gif triangle2Fare
img gif triangle2Dire
img gif triangle2Pensare
img gif triangle2www.direfarepensare.it

logo sito img jpg

Formattazione in HTML

librobig-img jpgRompete le righe!

Sino ad ora abbiamo parlato della struttura di un documento HTML, in un certo senso abbiamo parlato della sua ossatura i paragrafi, le liste, le tabelle tutti questi elemeti ci permettono di disporre il nostro testo o le nostre foto in ordine nello spazio. Adesso passeremo ad esaminare invece tutti quei comandi che ci permettono di abbellire e disporre meglio il nostro documento; quindi inseriremo un testo formattato in una struttura a tabella, che riprodurrà la classica disposizione "a giornale", cioè con tre colonne. Intanto per adesso impareremo ad andare a capo.

librobig-img jpgAndare a capo con HTML

Certamente vi sarete chiesti "ma come accidenti si fà ad andare a capo con HTML? " Non c'è mica un bel tasto "invio" da pigiare con i gomiti mentre con una mano tenete il panino e con l'altra la bibita! No, non c'è il tasto "invio" però c'è un simpatico comando che permette di interrompere la riga di testo e andare a capo: è il comando < br > abbreviazione di "break" cioè di "rompi",
"rompi" la riga ovvio...

librobig-img jpgLa pratica rompe la grammatica

come al solito facciamo una prova pratica:
triangle2 img gifVAI SU START > TUTTI I PROGRAMMI > ACCESSORI
triangle2 img gifdal menù che si apre scegli > BLOCCO NOTE
triangle2 img gifclikka per aprirlo,
triangle2 img gifuna volta aperto
triangle2 img gifa questo punto scrivi,
ricoradando di non lasciare spazio tra i segni di maggiore e minore

< html >
< head >
< body >
< p >
"libertà per Kareem" è un link al sito www.freekareem.org il link (collegamento) appare di un colore diverso dal resto del testo e quando vai sopra al link compare "la manina"
< a href="http://www.freekareem.org/" > Libertà per Kareem< /a >
lo scritto che leggi in questo punto è stato "rotto"
il testo è a capo, va cioè sulla riga sotto dal punto in cui tu inserisci il comando < br > < /p >

img jpg Occhio!Scarica il file di esempio in formato .txt
img jpg Occhio!Scarica il file di esempio in formato .html

triangle2 img gifUna volta scritto salva il documento così:
triangle2 img gifvai 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
Per ciò che riguarda il link dovresti poter vedere la frase "Libertà per Kareem" di un colore diverso dal resto del testo se poi ci vai sopra con il mouse dovrebbe comparire la "manina" che indica un collegamento ipertestuale, se cli clicchi sopra dovresti essere "mandato" sul sito http://www.freekareem.org/ (devi essere collegato a Internet ovviamente)

triangle2 img gifNB:
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.

Vai su