3. Che diavolo è un tag? Un tag è un'istruzione racchiusa tra apici “<” e “>” che dice al browser cosa fare. La sintassi generale per apertura e chiusare dei tag è: apertura: <nometag> chiusura: </nometag> Insomma: dobbiamo abituarci a scrivere qualche <, > e / più del solito ...
4. STRUTTURA DEI TAG La sintassi è: 1) < 2) nometag 3) attributi (se presenti) 4) simbolo = 5) 'valore degli attributi tra apici' 6) > Cioè: <nometag attributotag='valore attributo'>
5. FORMATTAZIONE Ogni post sarà scritto in paragrafi. I tag di apertura e chiusura per indicare i paragrafi sono <p> (apertura) e </p> (chiusura). A questi possiamo aggiungere degli attributi per specificare meglio quello che vogliamo fare a livello di allineamento: dobbiamo cioè definire l'attributo ALIGN : <p align:''left''>Testo paragrafo</p> <p align:''center''>Testo paragrafo</p> <p align:''right''>Testo paragrafo</p> <p align:''justify''>Testo paragrafo</p>
6. <P ALIGN='JUSTIFY'>Please</P> Prima parlavo di usabilità ( web usability ) che il blog può guadagnare con un minimo di competenze. Se i blog non giustificati, con quel testo allineato a sinistra un po' così vi sembrano incredibilmente rozzi e il vostro editor non vi consente di giustificare in automatico, sapete come fare.
7. GRASSETTO ED ENFASI Ora che i paragrafi sono apposto, occupiamoci degli elementi del testo. Dobbiamo imparare a usare: <strong> testo da grassettare </strong> (per il grassetto: in alternativa anche <b>testo</b> può andare e forse si ricorda meglio: bold è grassetto in inglese) <em> testo da corsivare </em> (per i corsivi)
8. THE IMPORTANCE OF BEING STRONG (SEO) Tra i tanti parametri utilizzati da un motore di ricerca per indicizzare le pagine, oltre ai link, PR etc c'è quello di osservare quali parole all'interno di una pagina sono state grassettate... ...siate strong e ricordatevi di mettere in risalto le vostre keyword!
9. LINK Perchè imparare un tag per creare i link quando i siti di blogging hanno un'icona per farlo? Perchè il link in automatico non apre la pagina su un'altra finestra e in questo modo ci fa allontanare il visitatore. Per evitarlo, dobbiamo aggiungere l'attributo target="_blank" dopo il tag che indica il riferimento (<a href></a>). Così: <a href=" http://www.nomelink.it target="_blank"> testo visualizzato per il link</a>
10. IMMAGINI C'è anche un tag per le immagini che ci serve per ottenere controllo del sito e farci trovare dai motori di ricerca: Il tag per inserire le immagini è <IMG SRC="nome immagine" HEIGHT="valore altezza in pixel" WIDTH="valore larghezza in pixel"> e non necessita chiusura.
11. ALT – LA DESCRIZIONE CHE CAMBIA TUTTO Possiamo dare ai search engine una chiave per trovarci aggiungendo una descrizione all'immagine, per farlo è necessario definire l'attributo ALT in questo modo: <IMG SRC="nomeimmagine" ALT="Descrizione dell'immagine">
12. THIS IS THE END... Visto che sono solo un apprendista blogger che litiga con HTML la presentazione si chiude qui! Per commenti e suggerimenti mi trovate su twitter: http://www.twitter.com/endecasillabo (questo invece è il mio blog dove da poco ho iniziato i lavori di messa in ordine) http://endecasillabosciolto.blogspot.com/