Torna alla home page

Elisabetta Tagliazucchi

Uso dei marcatori

I cosiddetti linguaggi di markup stabiliscono convenzioni standardizzate per governare i meccanismi di rappresentazione del testo.

Si possono inserire foto, enfatizzare parti di testo, creare liste, tabelle, link, ecc.

In pratica si inseriscono determinati "marcatori" in punti precisi del testo, spesso all'inizio della riga.

Per ottenere gli effetti che vedi nella colonna a sinistra scrivi quello che c'è nella colonna a destra.

Il testo può essere raggruppato in paragrafi. 
Questo è il primo paragrafo.

Per separare i paragrafi bisogna andare a capo
almeno 2 volte. 

Il singolo a-capo
non 
produce
alcun
effetto.

Gli spazi      bianchi
 ripetuti    non producono 
alcun       effetto.

Per ottenere un singolo a-capo [br] fai in questo modo.

Ci sono tre gradi di enfasi: il corsivo, il grassetto e il corsivo grassetto.

Ci sono tre gradi di enfasi: 
''il corsivo'', '''il grassetto''' 
e il ''''corsivo grassetto''''. 
=Questa è una sezione di livello 1=
==Questa è una sezione di livello 2==
===Questa è una sezione di livello 3===
=Questa è un'altra sezione di livello 1=

L'indice viene creato automaticamente 
in base alle sezioni.

Le liste possono essere numerate oppure no. Ecco una lista numerata:

  1. primo elemento della lista
  2. secondo elemento
    1. sotto-elemento del secondo elemento
  3. terzo elemento.

Ecco invece una lista non numerata:

  • primo elemento della lista
  • secondo elemento
    • sotto-elemento del secondo elemento
  • terzo elemento.

I due tipi si possono usare anche in combinazione:

  • primo elemento non numerato
  • secondo elemento non numerato
    1. primo sotto-elemento numerato
    2. secondo sotto-elemento numerato
  • terzo elemento non numerato
Le liste possono essere numerate oppure no. 
Ecco una lista numerata:
#primo elemento della lista
#secondo elemento
##sotto-elemento del secondo elemento
#terzo elemento.

Ecco invece una lista non numerata:
*primo elemento della lista
*secondo elemento
**sotto-elemento del secondo elemento
*terzo elemento.

I due tipi si possono usare anche 
in combinazione:

*primo elemento non numerato
*secondo elemento non numerato
*#primo sotto-elemento numerato
*#secondo sotto-elemento numerato
*terzo elemento non numerato
Le definizioni sono coppie titolo-spiegazione.
;Questo è un titolo:e questa la sua spiegazione
;Questo è un altro titolo:e questa la sua spiegazione
Per dire qualcosa in modo evidente fai in questo modo.
:Per dire qualcosa in modo evidente fai in questo modo. 

Per fare i link usa questa tecnica.

Per fare i link usa [http://www.google.com questa tecnica].

Gli indirizzi email possono essere cliccabili come per es. termos@massimo.termanini.name.

Gli indirizzi email possono
essere cliccabili come per es.
[email:termos@massimo.termanini.name].
[immagine:logo.png]]
Le uniche immagini che puoi inserire
sono quelle precedentemente 
caricate.

Per spingere una foto sulla destra, 
lasciando che il testo fluisca
alla sua sinistra, fai come nel primo
esempio.

[[immagine:logo.png]
Il secondo esempio illustra l'impiego
della stessa immagine, però 
allineata a sinistra. In questo caso
il testo fluisce sulla sua destra.

Terza possibilità: 
[[immagine:logo.png]]

l'immagine centrata.

In ogni caso puoi usare l'immagine come link 
in questo modo:

[[immagine:logo.png|http://www.google.it]
Cliccando sull'immagine navighi verso l'indirizzo specificato dopo il simbolo "|".
[[icona:logo.png]
Le icone sono immagini miniaturizzate e cliccabili.

Quando le clicchi si apre l'immagine nelle sue dimensioni originali.

L'allineamento delle icone (destra,  sinistra o centro)
è gestito come quello delle immagini (vedi sopra)
Per inserire il link a un documento
archiviato si fa così: [documento:file.pdf].

In aggiunta puoi specificare
la [documento:file.pdf frase da cliccare] per scaricare il documento.
Per ottenere una riga orizzontale
----
si fa così.
Il testo si può colorare 
con [colore:limegreen questa tecnica].
I nomi da usare (oltre a "limegreen") sono 
[http://www.w3schools.com/css/css_colornames.asp questi].

Se vuoi usare un colore che non ha un nome,
usa [colore:#E42D3A quest'altra tecnica]. 
Dove il numero esadecimale del colore 
è preceduto dal simbolo #.
Per fare una tabella semplice
fai così:
{| 
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|- 
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere anche il titolo :
{|
|+ Questo è il titolo della tabella
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|- 
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere i titoli alle singole 
colonne:
{|
|+ Questo è il titolo della tabella
! Titolo della Colonna 1 !! Titolo della Colonna 2 !! Titolo della Colonna 3
|- 
| Colonna 1, riga 1      || Colonna 2, riga 1      || Colonna 3, riga 1
|- 
| Colonna 1, riga 2      || Colonna 2, riga 2      || Colonna 3, riga 2
|}

Funziona anche la sintassi verticale:
{| 
| Colonna 1, riga 1 
| Colonna 2, riga 1
|- 
| Colonna 1, riga 2 
| Colonna 2, riga 2
|}

Elisabetta Tagliazucchi | P.I. 02989720368 | tel 338 8483233 | info@elisabettatagliazucchi.com | Creative Commons

 

situx.org Valid XHTML 1.0 Transitional Valid CSS! Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0