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>

9 commenti:

  1. Nonostante io conosca già tutte queste cose, trovo i tuoi post sempre utilissimi Juliette :3

    RispondiElimina
  2. Non ho parole per ringraziarti *_____*

    RispondiElimina
  3. Post interessantissimo! Ho anche scoperto di essere un po' meno ignorante di quanto credessi: con il blog si imparano un sacco di cose! :)

    RispondiElimina
  4. grazie mille!! ignorante come sono, non può che essermi utile questo post!

    RispondiElimina
  5. Sei la nostra salvezza!! molti codici li sto già usando e faccio proprio come te! Ho una bozza che ho chiamato html dove ci sono tutti i pochi codici che uso e che copioincollo nei nuovi post! ^_^

    RispondiElimina
  6. Questi codici sono comodissimi, soprattutto quello per il blockquote. Ne farò sicuramente uso d'ora in avanti, grazie!

    RispondiElimina
  7. Ciao! Sono passata dal tuo blog e ho visto questo post davvero interessante. Devo ammettere che conoscevo la maggior parte dei tag che hai elencato, ma gli ultimi due o tre sono nuovi perché non ho ancora avuto modo di utilizzarli, grazie per la lezione! xD

    Credo che ripasserò di qui molto volenieri! ^^

    RispondiElimina
  8. Post utilissimo! (Come sempre) ^_^

    RispondiElimina
  9. Fantastico! giusto partire dall'abc per un'imbranata come me. Avevo solo vaghi ricordi, thanks :)

    RispondiElimina

Grazie mille per aver commentato il mio post!Apprezzo tantissimo i vostri commenti e cercherò di rispondervi al più presto =)