Guida html

« Older   Newer »
 
  Share  
.
  1. ||max||
     
    .

    User deleted


    <html>


    l'html è una specie di linguaggio di programmazione che serve per creare siti e pagine web il significato della sigla html è

    h yper
    t ext
    m arkup
    language

    allora questo l'inguaggio viene applicato escritto tramite tag ovvero delle etichette che sono marcate da due parentesine circonflesse <>

    in questa guida esporrò i tag html piu comuni e utili all'interno del forum

    Testo in grassetto

    CODICE
    <b>testo in grassetto</b>

    Ecco come viene

    Testo corsivo

    CODICE
    <i>testo in corsivo</i>

    Ecco come viene

    Testo sottolineato

    CODICE
    <u>testo da sottolineare</u>

    Ecco come viene

    Testo barrato

    CODICE
    <s>testo da barrare</s>

    Ecco come viene

    Come allineare un'immagine o una scritta a destra|sinistra|centro|



    CODICE
    <p align="center">Come allineare un'immagine o una scritta a destra|sinistra|centro|</p>

    Ecco come viene "centro"



    Cambiare center, left e right a seconda dei casi.

    CODICE
    <h1>modifica la grandezza delle scritte<h1>

    a seconda del numerino davanti la h si avrà una grandezza diversa

    CODICE
    &nbsd
    tag che serve per lasciare piu di uno spazio tra due paragrafi o parole

    CODICE
    <p>paragrafo</p>


    CODICE
    <img src="img.jpg" alt"testo che comparirà al passaggio del puntatore" widht="larghezza" height="altezza">
    per postare un immagine

    CODICE
    <font color="colore in inglese">per colorare una parola o una singola frase</font>


    LISTE ORDINATE

    CODICE
    <ul type="disc">
    <li>prima voce di menu</li>
    <li>seconda voce di menu</li>
    <li>terza voce di menu</li>
    </ul>


    Per fare liste usando icone, ossia per una lista puntinata. Se volete, sostituite a "disc" : "circle" (per un cerchio), oppure "square" (per un quadratino).

    Esempio:

    CODICE
    <ul type="disc">Ecco
    <li>come</li>
    <li>viene</li> (con disc)
    </ul>


      Ecco
    • come

    • viene
    • (con disc)


    CODICE
    <ul type="circle">Ecco
    <li>come</li>
    <li>viene</li> (con circle)
    </ul>


      Ecco
    • come

    • viene
    • (con circle)


    CODICE
    <ul type="square">Ecco
    <li>come</li>
    <li>viene</li> (con square)
    </ul>


      Ecco
    • come

    • viene
    • (con square)


    CODICE
    <ol type="1, I a A">
                   <li>voce lista</li>
    </ol>


    per liste numerate o con lettere alfabetiche

    TABELLE

    CODICE
    <table border="spessore dei bordi della tabella 1,2,3,4">
           <tr>
                   <td>cella qui e dove vengono inserite le informazioni desiderate immagini scritte ecc</td>
           </tr>
    </table>



    esistono tabelle piu complicate ma il principio è sempre lo stesso
    CODICE
    <td></td>
    indicano le varie cellette dove inserire bannerini ecc...

    SCORRIMENTO

    per far scorrere scritte immagini si usa il tag

    CODICE
    <marquee></marquee>


    CODICE
    <marquee direction="up" scrollAmount="1" height="40" width="80%">scritta</marquee>


    per far scorrere in direzioni diverse le scritte e le immagini non si fa altro che modificare l'opzione "direction" che la direzione dello scorrimento, scrollAmount indica la velocità, height indica l'altezza del campo dove scorre il testo e width è la larghezza in percentuale rispetto alla larghezza totale della pagina.

    Esempio:

    CODICE
    <marquee direction="up" >in questo caso le scritte o immagini scorreranno verso l'alto</marquee>


    Tag html che serve per andare a capo alla fine di ogni frase:

    CODICE
    <br>


    Inserire filmati e giochi flash nei post

    CODICE
    [FLASH=600,400]indirizzo del file flash[/FLASH]


    Inserire una musica o qualsiasi video eccetto i file flash (con estensione .swf)

    Per entrambi inserire il seguente codice:

    CODICE
    <embed src="indirizzo internet del file" autostart="True" controls="True" loop="1"></embed>


    oppure:

    CODICE
    <bgsound src="indirizzo internet del file midi" loop="infinite">


    Quest'ultimo serve solo per il sottofondo musicale tipo l'inserimento di un midi.

    Inserire un filmato Flash (.swf) in cima ad una sezione, o nella home del forum:

    CODICE
    <embed src="indirizzo file flash" quality="high" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/shockwave/download/index.cgi?
    P1_Prod_Version=ShockwaveFlash"></embed>



    Edited by Intern@t - 12/4/2007, 05:46
     
    Top
    .
  2. Intern@t
     
    .

    User deleted


    Guida al linguaggio HTML

    Elenco di tutti i tag html con i relativi parametri

    Corso completo di HTML

    Guida HTML di giorgiotave.it

    Guida HTML di html.it

    Guida CSS di html.it

    Guida CSS di ForumFree

    Tabella colori HTML


    Edited by Intern@t - 12/4/2007, 05:11
     
    Top
    .
  3. Intern@t
     
    .

    User deleted


    Elenco scritte con i codici html


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 12pt; FILTER: glow(color=purple); WIDTH: 100%; FONT-FAMILY: ????" color="#ffffff"><P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 12pt; FILTER: glow(color=green); WIDTH: 100%; FONT-FAMILY: ????" color="#ffffff"><P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 12pt; FILTER: glow(color=yellow); WIDTH: 100%; FONT-FAMILY: ????" color="#ffffff"><P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 12pt; FILTER: glow(color=blue); WIDTH: 100%; FONT-FAMILY: ????" color="#ffffff"><P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 12pt; FILTER: glow(color=red); WIDTH: 100%; FONT-FAMILY: ????" color="#ffffff"><P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#27BECB, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Forte; HEIGHT: 50px"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></DIV>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FF33CC, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Forte"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FF33CC, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Monotype Corsiva"><P style="LINE-HEIGHT: 150%"><strong>TESTO INTERVENTO</strong></p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FFCC33, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Comic Sans MS"><P style="LINE-HEIGHT: 150%"><strong>TESTO INTERVENTO</strong></p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#ff88FF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Curlz MT"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#8888FF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Matura MT Script Capitals"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></DIV>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 22pt; FILTER: Glow(Color=#66FFFF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Edwardian Script ITC"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Tahoma; color: red; Filter: Glow(Color=#00FF00, Strength=8)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipV"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: yellow; Filter: Blur(Add = 1, Direction = 225, Strength = 10)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipH"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Mask(Color=#00FF00)"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 28pt; FILTER: DropShadow(Color=Black, OffX=2, OffY=2, Positive=1); WIDTH: 100%; COLOR: #0000ff; FONT-FAMILY: Bauhaus 93"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 36pt; FILTER: DropShadow(Color=#FFFF80, OffX=2, OffY=2, Positive=3); WIDTH: 100%; COLOR: #ff0080; FONT-FAMILY: Brush Script MT; HEIGHT: 61px"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></DIV>


    TESTO INTERVENTO



    CODICE
    <DIV style="FONT-SIZE: 40pt; FILTER: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=6); WIDTH: 100%; COLOR: #6196ed; FONT-FAMILY: Freestyle Script; HEIGHT: 60px"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></DIV>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 24px; FILTER: Blur(Add = 1, Direction = 225, Strength = 10); WIDTH: 100%; COLOR: blue; FONT-FAMILY: Broadway BT"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style="FONT-SIZE: 18pt; FILTER: Shadow(Color=#FFFF00, direction=225); WIDTH: 100%; COLOR: #0000a0; FONT-FAMILY: Adler"><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>


    TESTO INTERVENTO



    CODICE
    <div style='width:100%; font-size:18pt; font-family:Black Chancery; color:#0080FF; filter: FlipV'><P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</p></div>



     
    Top
    .
2 replies since 9/1/2007, 16:33   4650 views
  Share  
.