Siccome è da alcuni giorni che sono su questo forum e che parlo coi suoi utenti, mi son reso conto che qui si spazia in termini di età e mentalità. Mi sento quindi in dovere di farvi una piccola guida sui TAG più essenziali. Cosa è un tag: una parola chiave racchiusa da simbolo di minore < e maggiore >; spesso le informazioni su cui "agisce" il tag devono essere racchiuse fra un tag d'apertura ed uno di chiusura, quest'ultimo indicato apponendo il carattere slash (/) dopo <. Un tag è quindi per esempio quello del testo in grassetto: testo Tag utili anche a livello estetico sono il CODICE <br> ; <hr> e <blink>testo lampeggiante</blink> Il primo (br) lo si usa per andare accapo, il secondo (hr)* per fare una linea e il terzo blink per fare lampeggiare un testo * lo si può modificare in altezza e lunghezza: CODICE <hr size="10"> <hr size="7"> <hr size="3"> In larghezza: CODICE <hr size="10" width=30> <hr size="7" width=50> <hr size="3" width=80> Immagini: Come si inseriscono le immagini: Ci sono due metodi per inserire immagini, uno (che io chiamo "bruto" e uno "fine") il primo è il BBcode il secondo è l'HTML Ricordo che si può sempre usare il codice in HTML in quanto appena inserito in un post viene automaticamente modificato in BBcode, quindi per i principianti consiglio di mettere sempre i tag in HTML. BBcode: CODICE [IMG]http://indirizzo_immagine[/IMG] HTML non necessita di tag di chiusura HTML <img src="http://indirizzo_immagine"> Inserire un link: BBcode: CODICE [URL=http://indirizzo_sito]Testo[/URL] HTML: HTML <a href="http://indirizzo_sito">Testo</a> Link che si apre in una nuova pagina: - Partito! HTML <a href="yu-gi-oh-rulez.forumcommunity.net" target="_blank">Partito!</a> Si possono poi unire i due codici di immagine e link per ottenere un immagine cliccabile (banner): BBcode CODICE [URL=http://indirizzo_sito][IMG]http://indirizzo_immagine[/IMG][/URL] HTML HTML <a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a> Testo / immagine scorrevole: Il tag si chiama marquee CODICE <marquee>Testo</marquee> Il tag in questione ha vari attributi con i quali si possono modificare direzione e velocità di scorrimento: direction indica la direzione scrollAmount indica la velocità heigth indica l'altezza del campo di scorrimento width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina Si può quindi avere: HTML <marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>
Introduco i div.
Cosa sono i div?
Bè diciamo che servono per dare effetti al testo, tipo una cornice, scrollbar, o non so che altro..
Cornice al testo:
HTML <div align="center" style="background-color: #XXX; border: Xpx solid #XXX">Contenuto</div>
Testo dentro al div, ha un contorno rosso, spesso 3 pixel.
Modificando background-color: #XXX si ottiene il colore dello sfondo.
Modificando border: Xpx solid #XXX si stabilisce lo spessore della linea che fa da cornice.
Nel caso di sopra è:
HTML <div align="center" style="background-color: #000; border: 3px solid #FF0000">Testo dentro al div, ha un contorno rosso, spesso 3 pixel.</div>
Testo con scrollbar:
HTML <div style="overflow: auto; height: XXpx; width: XXpx">Contenuto</div>
Modificando height: XXpx si modifica l'altezza massima del testo, cioè l'altezza della scrollbar.
Modificando width: XXpx si cambia la larghezza massima del nostro campo di scorrimento.
Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura, ché la diritta via era smarrita.
Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura!
Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v' ho scorte.
Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Ma poi ch'i' fui al piè d'un colle giunto, là dove terminava quella valle che m'avea di paura il cor compunto,
guardai in alto e vidi le sue spalle vestite già de' raggi del pianeta che mena dritto altrui per ogne calle.
Allor fu la paura un poco queta, che nel lago del cor m'era durata la notte ch'i' passai con tanta pieta.
E come quei che con lena affannata, uscito fuor del pelago a la riva, si volge a l'acqua perigliosa e guata,
così l'animo mio, ch'ancor fuggiva, si volse a retro a rimirar lo passo che non lasciò già mai persona viva.
Il div in questo ultimo caso è:
HTML <div style="overflow: auto; height: 250px; width: 600px">Primo canto divina commedia Inferno</div>
Codice particolare è quello dello sfondo in firma ad esempio (come ce l'ho io) bhe si usano i div e questo è il codice:
HTML <div style="background-image:url(INDIRIZZO_IMMAGINE)">firma</div>
Esempio:
Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura, ché la diritta via era smarrita.
Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura!
Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v' ho scorte.
Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Ma poi ch'i' fui al piè d'un colle giunto, là dove terminava quella valle che m'avea di paura il cor compunto,
guardai in alto e vidi le sue spalle vestite già de' raggi del pianeta che mena dritto altrui per ogne calle.
Allor fu la paura un poco queta, che nel lago del cor m'era durata la notte ch'i' passai con tanta pieta.
E come quei che con lena affannata, uscito fuor del pelago a la riva, si volge a l'acqua perigliosa e guata,
così l'animo mio, ch'ancor fuggiva, si volse a retro a rimirar lo passo che non lasciò già mai persona viva
Se ne avete altri aggiungeteli. Ecco questi sono quelli più essenziali, ce ne sono molti altri, potete trovarli ai seguenti link: In questa sezione; Wiki HTML Spero di essere stato chiaro! Se avete dubbi o problemi chiedete pure!
|