Book Blogging 101-HTML di base che ogni blogger dovrebbe conoscere

Buongiorno, lettori!Oggi ritorna la rubrica Book Blogging 101, e visto che è da un po' di tempo che non vi propongo qualcosa sulla grafica, oggi vi parlo di html, o meglio, dei codici base che ogni blogger dovrebbe conoscere, e che potranno tornare utili soprattutto a chi è nuovo nel mondo dei blog. Per quanto riguarda i post in realtà blogger fornisce già tutti gli strumenti per scrivere e personalizzare post facilmente, ma i gadget per esempio possono essere costruiti solo tramite codici html, quindi mi concentrerò su quelli fondamentali che io stessa uso giornalmente. 

Piccolo suggerimento: soprattutto nei primi tempi può essere difficile imparare anche solo le basi dell'html, e io spesso per evitare di perdere ore a ricercare codici, preparavo il mio gadget in una bozza di post, in modalità "scrivi", personalizzando il mio testo e inserendo anche immagini. Poi andavo in modalità html e copiavo tutto il testo, per poi incollarlo quando andavo a inserire il gadget. Adesso che conosco i codici scrivo direttamente in html quando vado a costruire i gadget, ma all'inizio utilizzare questa sorta di scorciatoia mi ha permesso di guadagnare moltissimo tempo  :)

Ed ecco qui i codici fondamentali!Mi dispiace non esser riuscita a disporli meglio, volevo fare qualcosa di carino ma alla fine non ho trovato il tempo xD In ogni caso, sono i codici che contano, spero li troverete utili e come sempre, per nuove idee e suggerimenti per post futuri, commentate e fatemi sapere :)

Titolo:
<h1>Titolo qui</h1>

Più importante è il titolo, minore deve essere il numero dopo h. Quindi nel caso vogliate far seguire al titolo principale anche un sottotitolo, questo lo scriverete con h2 e così via.

Titolo centrato:

<h1 style="text-align: center;">Titolo qui</h1>

Per spostare il testo a destra/sinistra, basta sostituire "center" con right/left.

Paragrafo:

<p>Qui il testo</p>

Spazio tra righe:

<br />

Linea che separa diverse parti del post:

<hr />

Regolare grandezza testo:

<span style="font-size: 12pz;">Qui il testo</span>

Colore testo:

<span style="color: #codice colore;">Qui il testo</span>

Cambiare font testo:

<span style="font-family:;">Qui il testo</span>

Link testuale:

<a href="link">Testo da visualizzare</a>

Link testuale che si apre in una nuova finestra:

<a href="link" target="_blank">Testo da visualizzare</a>

Immagine con grandezza definita:

<img title="title text" src="link immagine" alt="alt text" width="100" height="150" />

Immagine con link:

<a href="link"><img src="link immagine" alt="alt text" width="100" height="150" /></a>

Immagine con link che si apre in una nuova finestra:

<a href="link" target="_blank"><img title="title text" src="link immagine" alt="alt text" width="100" height="150" /></a>

Creare un contenitore di testo:

<textarea>Qui il testo</textarea>

Creare una blockquote (qui la guida per crearle e personalizzarle)

<blockquote>Qui il testo</blockquote>

Lista non ordinata:

<ul>

<li>Punto 1</li>

<li>Punto 2</li>

</ul>

Lista ordinata/numerata:

<ol>

<li>Punto uno</li>

<li>Punto due</li>

</ol>

Post precedenti della rubrica:

-5 errori che ogni blogger dovrebbe evitare

-Farsi conoscere quando si è appena entrati nella blogosfera

-Blogging vs Life-Conciliare Blog e vita privata

-Creare un header step by step + programmi da usare

-Trovare l'ispirazione per una nuova grafica

- Leggere in inglese: come e perché?

- Introduzione alle blockquotes!

-Creare Slideshows

-10 applicazioni utili per i blogger