Guida HTML

« Older   Newer »
 
  Share  
.
  1.     Like  
     
    .
    Avatar

    Manager

    Group
    User+
    Posts
    21,000
    Reputation
    +414

    Status
    Anonymous

    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
    CODICE
    <b>testo</b>
    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 testo lampeggiante * 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 Testo
    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: immagine/testo
    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!
     
    .
0 replies since 20/10/2009, 09:44   453 views
  Share  
.