ABC del HTML♥ {secondo -spiki}

per realizzare codici, firme e molto altro.

« Older   Newer »
 
  Share  
.
  1. -spiker
        +3   +1   -1
     
    .
    Avatar

    EVS

    Group
    Capa Suprema ♥
    Posts
    32,168
    Fama
    +2

    Status
    Anonymous
    Passo 1: Non sei pazzo~

    Per prima cosa vorrei mostravi un semplice codice così da capire i suoi componenti.

    Dal Supporto di ForumFree prendiamo il codice Cambiare colore, dimensione, font ad un testo.
    HTML
    <span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span>

    Il codice è diviso in 3 parti:
    HTML
    Prima Parte: <span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">
    Seconda Parte: testo
    Terza Parte: </span>

    La prima parte corrisponde all' apertura del codice e alla sua personalizzazione. La seconda è il contenuto, e infine la terza è la sua chiusura.

    Da ciò si capisce che ogni codice ha un inizio e una fine. E' molto importante chiudere un codice, altrimenti non funziona e noterete subito l'errore.

    In sintesi, per aprire un codice si usano le "< >" e per chiuderlo usiamo la / come negazione, così: "</ >".

    All' interno delle < > c'è lo span che è chiamato tag, e accanto c'è style (un'altro tag) che approfondiremo dopo.
    Per la chiusura utilizziamo la negazione del primo tag così: </ span> (senza spazio tra / e span).

    Adesso chiamamo TAG Principale span, e TAG Secondario style.

    Esistono 2 TAGS Principali: span e div.
    Le differenze tra i 2 sono molto poche e riassumibili così:
    1. il Div fa andare il testo a capo, lo Span no.
    Prova testo
    che va
    a capo
    CODICE
    Prova testo <div>che va</div> a capo

    Prova testo che non va a capo
    CODICE
    Prova testo </span>che non va</span> a capo

    2. il Div occupa l'intera riga, lo Span no.
    Prova Riga Colorata
    CODICE
    <div style="background-color: #fff;">Prova Riga Colorata</div>

    Prova Riga Colorata
    CODICE
    <span style="background-color: #fff; color: #000">Prova Riga Colorata</span>

    Usare Span o Div (eccetto per le differenze sopracitate) è uguale. Quando avrete imparato a usare uno dei 2, sarete a cavallo per l'altro.

    NB: Niente vi vieta di usarli insieme, tipo così:
    HTML
    <div align="center"><span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">testo</span></div>

    I TAGS Principali però, non quasi nulla senza i TAGS Secondari.
    Li descriverò nella seconda parte =)


    Edited by -spiker - 15/11/2011, 14:55
     
    Top
    .
10 replies since 15/11/2011, 14:34   7917 views
  Share  
.