SlideShare a Scribd company logo
Codici HTML




         Un po’ di HTML e consigli per destreggiarsi nel proprio blog!




Come sappiamo i sistemi di “editing” di blog come Blogger o Wordpress sono
strutturati in modo tale da permettere a chiunque di costruire pagine web in
maniera semplice e immediata. Tali pagine però sono formati da codice HTML che
rappresenta una sequenza di caratteri e simboli che vendono codificati dal sistema
di “editing” e ti permettono la visualizzazione grafica di un particolare elemento, è
un po’ come il sistema binario, la sequenza di 0100011100 ecc. viene decodificata
dal computer in qualcos’altro… un immagine, delle scritte, un azione che compie il
PC ecc…

Quando postiamo in blogger a destra della schermata di “editing” troviamo la
sezione HTML, cliccando avremo visione del codice che identifica ciò che abbiamo
inserito nel post. Ecco alcuni codici HTML utili da inserire nei post o nei gadget per
personalizzarli:

Andare a capo: <br/> molto utile nel layout quando sentiamo l’esigenza di
aumentare la distanza tra i gadget, possiamo ad esempio inserire un gadget testo e
digitare al suo interno questo codice senza scrivere nient’altro e usare quei gadget
come dei separatori tra elementi nel layout

Centrare gli elementi: se ad es. inseriamo nel layout un gadget testo, HTML ecc..
spostiamoci nella sezione HTML del gadget per inserire <div align="center"> all’
inizio del codice e </div> alla fine, per capirci dobbiamo includere tutto il codice del
gadget tra questi due elementi ( sostituendo “center” con “left” o “right” l’elemento
verrà affiancato a sinistra o a destra )

Spostare arbitrariamente gli elementi: è possibile spostare a piacimento gli
elementi di blogger per tutto il blog senza tener conto di colonne, area post, header
ecc. attraverso questo codice: <div style=" margin-left:-256px;margin-top:351px;
margin-right:-256px "> all’inizio del codice e alla fine sempre </div> modificando i
valori sposteremo gli elementi dove ci pare e piace nel blog anche sovrapposti ad
altri, è possibile eliminare o inserire “0” a “margin-right” ad es. se vogliamo
spostarlo solo sopra o sotto e a sinistra, oppure possiamo eliminare “margin-right” e
“margin-left” se vogliamo spostare l’elemento solo sopra o sotto, aumentando il
valore il gadget si sposta verso il basso, diminuendo il valore verso l’altro (è
possibile usare anche dopo lo 0: -1,-2,-3 ecc.)

Cambiare colore al testo: Quando scriviamo un post la scelta dei colori che
possiamo assegnare ai caratteri è molto limitata, ogni colore ha un suo codice, ad
esempio questo colore viene identificato come #155afc.



                           CONTINUA A LEGGERE

More Related Content

DOCX
Inserire articoli correlati su blogger
PDF
Con Aruba, a lezione di e-commerce: 'Introduzione ai CSS' - Parte 1
PPT
Html
ODP
Blogger & HTML
PPT
Lezione 3
PPT
Lezione 4
PPT
Lezione 5
PPT
Didalgoblogger3
Inserire articoli correlati su blogger
Con Aruba, a lezione di e-commerce: 'Introduzione ai CSS' - Parte 1
Html
Blogger & HTML
Lezione 3
Lezione 4
Lezione 5
Didalgoblogger3

Viewers also liked (20)

PDF
Seo services
PDF
Imparare la tecnica per inviare avvisi sms da pc tramite telefono cellulare gsm
PDF
Gruppo 2 consumatore e macroambiente
PDF
Misso analisi insufficienze_coll_21-2-2013
PDF
Corso WebApp iOS - Lezione 01: Think Touch Mobile
PDF
I.S.I.F. tecnologia per gli interventi sulle condotte
PDF
125 2015 segnaletica-stradale_quadro_normativo
PDF
1 - Architetture Software - Software as a product
PDF
10 Wireless
PDF
Paolo Dal Checco, Alessandro Rossetti, Stefano Fratepietro - DEFT 7 Manual
PDF
148 2015 manuale operativo per la gestione e la manutenzione delle strade
PPTX
La copia forense: modalità operative (pt. 1)
PDF
Paolo Dal Checco, Alessandro Rossetti, Stefano Fratepietro - Manuale DEFT 7
PPTX
Corso pratico di C# - 2013
PDF
Intercettazioni e posta elettronica: le misure di sicurezza per i gestori
PDF
Corso di formazione Web Designer 2.0 e Comunicazione Multimendiale
PPT
Corso Web 2.0: Reti sociali
PPT
La segnaletica stradale
PDF
Intercettazioni: guida alle nuove norme per i provider
PDF
Progetto e implementazione di un processo per l'assemblaggio di documenti htm...
Seo services
Imparare la tecnica per inviare avvisi sms da pc tramite telefono cellulare gsm
Gruppo 2 consumatore e macroambiente
Misso analisi insufficienze_coll_21-2-2013
Corso WebApp iOS - Lezione 01: Think Touch Mobile
I.S.I.F. tecnologia per gli interventi sulle condotte
125 2015 segnaletica-stradale_quadro_normativo
1 - Architetture Software - Software as a product
10 Wireless
Paolo Dal Checco, Alessandro Rossetti, Stefano Fratepietro - DEFT 7 Manual
148 2015 manuale operativo per la gestione e la manutenzione delle strade
La copia forense: modalità operative (pt. 1)
Paolo Dal Checco, Alessandro Rossetti, Stefano Fratepietro - Manuale DEFT 7
Corso pratico di C# - 2013
Intercettazioni e posta elettronica: le misure di sicurezza per i gestori
Corso di formazione Web Designer 2.0 e Comunicazione Multimendiale
Corso Web 2.0: Reti sociali
La segnaletica stradale
Intercettazioni: guida alle nuove norme per i provider
Progetto e implementazione di un processo per l'assemblaggio di documenti htm...
Ad

Similar to Codici html (20)

PDF
Con Aruba, a lezione di e-commerce - Modificare la homepage tramite CSS - par...
PPT
Lab Web Prof.Di Blasi 2008
PPT
Lab Web Prof.Di Blasi 2008
KEY
Lezione 7
PDF
Guida seo joomla
PPT
Fogli di stile CSS
PDF
Moodle 2.7 - corsi - Embed video slideshare
PPT
Html e tags
PPTX
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
PDF
Guida pratica-html-e-css
PDF
Guida pratica-html-e-css
PDF
Guida completa 1 Minute Site: come creare un sito web
PPTX
Seo html russo
PPT
PPT
PPTX
Presentazione blog starTop
PDF
Primi passi-wordpress
PDF
Struttura di una pagina html
PPTX
Come ottimizzare Joomla e renderlo più SEO friendly
PDF
Tecniche seo
Con Aruba, a lezione di e-commerce - Modificare la homepage tramite CSS - par...
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008
Lezione 7
Guida seo joomla
Fogli di stile CSS
Moodle 2.7 - corsi - Embed video slideshare
Html e tags
Aruba SuperSite - FOCUS: Crea il tuo sito, sarà fenomenale!
Guida pratica-html-e-css
Guida pratica-html-e-css
Guida completa 1 Minute Site: come creare un sito web
Seo html russo
Presentazione blog starTop
Primi passi-wordpress
Struttura di una pagina html
Come ottimizzare Joomla e renderlo più SEO friendly
Tecniche seo
Ad

More from Stefano Vinci (20)

DOCX
Pensiero positivo
DOCX
Energia rinnovabile
DOCX
Understanding others
DOCX
Capire gli altri
DOCX
Human nature rea mo
DOCX
La natura umana cont a legg
DOCX
Come far ricrescere i capelli cont a legg
DOCX
Prevenire le malattie naturalmente
DOCX
Corrupt politicians slideshare
DOCX
Politici corrotti slideshare
DOCX
Gli epici segreti per guadagnare con ebay senza spendere!
DOCX
Insert latest articles on blogger
DOCX
Inserire ultimi articoli su blogger
DOCX
Fear of socializing
DOCX
Paura di socializzare
DOCX
Aumentare la propria forza fisica
DOCX
Fare molte visite velocemente
DOCX
Introduzione
DOCX
Guadagnare nel web
DOCX
Costruire uno stipendio
Pensiero positivo
Energia rinnovabile
Understanding others
Capire gli altri
Human nature rea mo
La natura umana cont a legg
Come far ricrescere i capelli cont a legg
Prevenire le malattie naturalmente
Corrupt politicians slideshare
Politici corrotti slideshare
Gli epici segreti per guadagnare con ebay senza spendere!
Insert latest articles on blogger
Inserire ultimi articoli su blogger
Fear of socializing
Paura di socializzare
Aumentare la propria forza fisica
Fare molte visite velocemente
Introduzione
Guadagnare nel web
Costruire uno stipendio

Codici html

  • 1. Codici HTML Un po’ di HTML e consigli per destreggiarsi nel proprio blog! Come sappiamo i sistemi di “editing” di blog come Blogger o Wordpress sono strutturati in modo tale da permettere a chiunque di costruire pagine web in maniera semplice e immediata. Tali pagine però sono formati da codice HTML che rappresenta una sequenza di caratteri e simboli che vendono codificati dal sistema di “editing” e ti permettono la visualizzazione grafica di un particolare elemento, è un po’ come il sistema binario, la sequenza di 0100011100 ecc. viene decodificata dal computer in qualcos’altro… un immagine, delle scritte, un azione che compie il PC ecc… Quando postiamo in blogger a destra della schermata di “editing” troviamo la sezione HTML, cliccando avremo visione del codice che identifica ciò che abbiamo inserito nel post. Ecco alcuni codici HTML utili da inserire nei post o nei gadget per personalizzarli: Andare a capo: <br/> molto utile nel layout quando sentiamo l’esigenza di aumentare la distanza tra i gadget, possiamo ad esempio inserire un gadget testo e digitare al suo interno questo codice senza scrivere nient’altro e usare quei gadget come dei separatori tra elementi nel layout Centrare gli elementi: se ad es. inseriamo nel layout un gadget testo, HTML ecc.. spostiamoci nella sezione HTML del gadget per inserire <div align="center"> all’ inizio del codice e </div> alla fine, per capirci dobbiamo includere tutto il codice del gadget tra questi due elementi ( sostituendo “center” con “left” o “right” l’elemento verrà affiancato a sinistra o a destra ) Spostare arbitrariamente gli elementi: è possibile spostare a piacimento gli elementi di blogger per tutto il blog senza tener conto di colonne, area post, header ecc. attraverso questo codice: <div style=" margin-left:-256px;margin-top:351px; margin-right:-256px "> all’inizio del codice e alla fine sempre </div> modificando i
  • 2. valori sposteremo gli elementi dove ci pare e piace nel blog anche sovrapposti ad altri, è possibile eliminare o inserire “0” a “margin-right” ad es. se vogliamo spostarlo solo sopra o sotto e a sinistra, oppure possiamo eliminare “margin-right” e “margin-left” se vogliamo spostare l’elemento solo sopra o sotto, aumentando il valore il gadget si sposta verso il basso, diminuendo il valore verso l’altro (è possibile usare anche dopo lo 0: -1,-2,-3 ecc.) Cambiare colore al testo: Quando scriviamo un post la scelta dei colori che possiamo assegnare ai caratteri è molto limitata, ogni colore ha un suo codice, ad esempio questo colore viene identificato come #155afc. CONTINUA A LEGGERE