Pagine web di Gianni Ciolli

url: http://web.math.unifi.it/users/ciolli/eastweed-istruzioni.html | Home page


Istruzioni per l'uso delle tags

Gianni Ciolli

versione del 29 agosto 2008, eastweed versione 0.6

Formattazione del testo

Il grassetto si fa racchiudendo il testo in una tag b.

Il corsivo si fa racchiudendo il testo in una tag i.

Il sottolineato si fa racchiudendo il testo in una tag u.

Il teletype (carattere simile alle macchine da scrivere) si fa racchiudendo il testo in una tag tt.

I link ad altri indirizzi internet si fanno racchiudendo con una tag link l'indirizzo internet e poi il testo che vogliamo rendere cliccabile. Ad esempio: pagina web di Eastweed. pippo

Se si vuole fare un link a una tag interna a un file, si usa la tag link-hash. Ad esempio: tag "top" nella pagina web di Eastweed.

Gli indirizzi email si fanno racchiudendo l'indirizzo in una tag email. Ecco il mio come esempio: ciolli@math.unifi.it.

Per scrivere qualcosa con caratteri grandi si usa la tag big:

Ecco qualcosa scritto in caratteri grandi

La tag huge funziona in modo simile a big ma produce caratteri ancora più grandi:

Ecco qualcosa scritto in caratteri enormi

I tag c, big-c, huge-c danno i paragrafi allineati al centro:

c: normale centrato

big-c: grande centrato

huge-c: enorme centrato

I tag r, big-r, huge-r danno i paragrafi allineati a destra:

r: normale a destra

big-r: grande a destra

huge-r: enorme a destra

Con il tag br si può andare a capo
senza
necessariamente
iniziare
un nuovo paragrafo.

I file scaricabili si fanno con la tag file, che racchiude il nome del file e una descrizione: sorgente di questa pagina

I titoli si fanno con la tag titolo.

Esempio di titolo

Nota bene: il nome di ogni pagina web, quello che compare sulla barra della finestra del browser, va messo in cima alla pagina, senza alcuna parentesi quadra. La tag titolo serve invece per i titoli che compaiono dentro la pagina web.

I sottotitoli si fanno con la tag sottotitolo.

Esempio di sottotitolo

Liste

Le liste numerate si fanno con il tag ln (Lista Numerata). I vari punti vanno inseriti all'interno del tag, separati da una riga vuota.

Questo vuol dire che all'interno delle liste la riga vuota perde il significato usuale di "interruzione di un paragrafo" per acquisire il nuovo significato di "prossimo punto della lista".

Tale scelta è stata fatta perché in una lista ci sono di solito elementi brevi; si è quindi ritenuto di assegnare lo strumento più comodo (la riga vuota) all'uso più frequente.

Esempio di lista numerata:

  1. Primo punto
  2. Secondo punto
  3. Terzo punto

Le liste puntate (ossia, non numerate) si fanno come quelle numerate; l'unica differenza è l'uso del tag "lp" invece di "ln".

Come si usano le immagini

I files delle immagini vanno messi in una apposita directory, il cui nome di default è "img". Le immagini si visualizzano racchiudendone il nome in una apposita tag, come in [image pippo.jpg].

Nel prossimo paragrafo c'è una immagine da sola e centrata (tag "image").

aula.jpg

Nel prossimo paragrafo c'è una immagine da sola e allineata a sinistra (tag "image-l").

aula.jpg

Nel prossimo paragrafo c'è una immagine da sola e allineata a destra (tag "image-r").

aula.jpg

aula.jpg

Dentro questo paragrafo di testo c'è una immagine inserita con la tag "image-fl". Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz.

aula.jpg

Dentro questo paragrafo di testo c'è una immagine inserita con la tag "image-fl". Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz. Abcde fghi jkl mno pqrstu vwxyz.

Usate il tag image-inline per mettere  testo alternativo una immagine proprio in mezzo al testo.

Il tag image-css funziona come il tag image, ma permette di specificare, subito dopo il nome del file, la classe CSS dell'immagine. Ad esempio, per fare una immagine che sta in cima al file a destra, si può fare così:

[image file.jpg cima]

avendo cura di inserire, nel file CSS, il testo seguente:

img.cima {
position: absolute;
left: 0px;
top: 0px;
}

Appunti vari, cose eventualmente da realizzare o da perfezionare

  1. aggiungere la possibilità di rendere cliccabile una immagine.
  2. aggiungere la possibilità di inserire un pezzo arbitrario di codice HTML, per poter fare occasionalmente operazioni più complesse (tabelle, mappe cliccabili, etc.)

Valid XHTML 1.0! Valid CSS!

questo sito web è gestito con Eastweed