Piccole basi di Html

Pagina 1 di 3 1 2 3 ultimo
Visualizzazione dei risultati da 1 a 10 su 24
  1. #1
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito Piccole basi di Html

    Introduzione rapida all'html


    STRUTTURA DI UN TAG

    All'interno di ogni pagina web è presente una serie di marcatori, o codici (i TAG), a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione.



    I tag sono inseriti tra parentesi uncinate < > e la loro chiusura viene indicata con una slash (/). Il contenuto che si vuole rappresentare sulla pagina html va inserito tra l'apertura e la chiusura del tag medesimo, secondo questa forma:
    contenuto


    Ecco un esempio, con una sintassi che serve a disporre un testo giustificato a destra:
    codice HTML:
    <P align="right">testo</P>
    dall'esempio è evidente che la struttura di un attributo è: attributo="valore"
    Quindi in definita la struttura di un tag sarà:
    codice HTML:
    <TAG attributo_1="valore1" attributo_2="valore2">contenuto</TAG>

    Alcuni tag, come per esempio il tag immagine non viene chiuso in quanto l'immagine è ricercata in una specifica directory del sito. Si avrà quindi:
    codice HTML:
    <IMG widht="20" height="20" src="miaImmagine.gif" alt="alt">


    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  2. #2
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    TAG IN MAIUSCOLO O MINUSCOLO??


    L'HTML è "case unsensitive", cioè indipendente dal formato. Questo significa che è del tutto indifferente se scrivere i tag in maiuscolo o in minuscolo.


    e


    vengono letti allo stesso modo dal browser.
    Fino a qualche tempo fa, per aumentare la leggibilità del codice, era buona norma scrivere in maiuscolo il nome del tag (es:

    ) e in minuscolo gli attributi (es: align="right"). Quindi:



    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  3. #3
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    Dopo questa piccola introduzione faccio per voi un elenco dei più importanti tag, anzi, diciamo dei più utilizzati...

    ----colore testo in tutta la pagina----



    ---paragrafo---

    testo



    ---allineamenti---

    testo

    testo a sx

    testo

    testo a dx

    testo

    testo giustificato

    ---stile carattere----
    testo in grassetto
    testo in corsivo
    testo preformattato

    testo sottolineato
    testo barrato
    testo in apice
    testo in pedice

    ---font del testo---
    testo in Arial
    testo in Verdana
    testo in Geneva
    .....

    ---colore del testo e grandezza---
    testo blu
    testo di grandezza 1


    ---elenchi ordinati numerati---

    1. primo elemento

    2. secondo elemento

    3. terzo elemento



    ---elenchi ordinati lettere---

    1. primo

    2. secondo

    3. terzo



    ---elenchi ordinati n° romani---

    1. primo

    2. secondo

    3. terzo



    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  4. #4
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    ---collegamenti ipertestuali---
    sito

    ---immagini---

    hspace="20">

    ---tabella---










    prima cella seconda cella
    terza cella quarta cella


    ------------------------------------------------------------


    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  5. #5
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    Pensando di aver fatto cosa gradita e di utilità pubblica, mi tengo disponibile, per qualunque altra spiegazione, per qualunque aiuto o in caso per la realizzazione del codice di base per le vostre pagine web...

    Matty90





    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  6. #6
    The Cat Come Back L'avatar di lubu
    Registrato
    Sep 2005
    Località
    Desenzano del Garda
    Età
    34
    Messaggi
    1,419
    configurazione

    Predefinito

    complimenti matty questo è veramente interessante..mucho mucho..conosci qualke tutorial in proposito??
    Originariamente inviato da CALMA INSOLITA
    lubu capisco la fretta di postare ma per l'amor di dio dacci una controllatina al testo prima di cliccare su "invia risposta".

  7. #7
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    qualche tutorial magari no...

    io mi sono ispirato prevalentemente a quello che abbiamo fatto a a scuola, ma copiando la struttura di un tag da www.html.it


    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  8. #8
    Aborigeno WEB L'avatar di TheMic
    Registrato
    May 2003
    Località
    Avezzano (AQ)
    Età
    38
    Messaggi
    4,989

    Predefinito

    Bravo Matty ottime info iniziali per HTML...

    aggiungo solo alcune cosine:
    la W3C ( World Wide Web Consortium. L'organizzazione internazionale che definisce gli standard e le norme per Internet. ) ha dichiarato che TUTTA la struttura html va scritta in minuscolo, e inoltre i TAG sprovvisti del tag di chiusura ( come ad esempio il TAG img ) dovranno essere chiusi SEMPRE inserendo uno slash prima dell'ultima parentesi uncinata... quindi in questo modo:
    codice:
    errato:
    alt
    giusto:
    alt
    Per ultimo aggiungo (ma metto solo il cenno perchè questo discorso andrebbe approfondito di molto) che è necessario anche inserire il DOCTYPE della pagina HTML o anche definito DTD(Document Type Declaration) e specifica che versione HTML viene usata nel documento.
    Qui potete leggere qualcosa sui DTD: http://en.wikipedia.org/wiki/DocType (è in inglese)

    Tutti questi accorgimenti sono diventati necessari perchè il tanto amato HTML sta convergendo o meglio sta tornando all'iniziale derivazione dalla strutturazione XML.

    Ultima cosettina per chi è interessato... qui potete trovare tantissime informazioni GIUSTE su tutto ciò che riguarda le pagine WEB: http://www.w3schools.com/


    ZAO BELI!


  9. #9
    Moderatore L'avatar di Matty90
    Registrato
    May 2006
    Località
    Zola Predosa (BO)
    Età
    29
    Messaggi
    6,221
    configurazione

    Predefinito

    perfetto... la cosa nuova della slash nei tag senza chiusura non l'avevo mai sentita... vabbè... grazie comunque... ciao!!!


    WS HOME: i7 7700k @ 5.2Ghz cooled by Custom Loop - Asus Maximus IX Apex - Asus Strix 980Ti - 16Gb Gskill TridentZ F4-3866C18 - Antec HCP 1000W Platinum - 3 x WD 500Gb (Dati) - Samsung Evo 840 (SO) - Win10 Pro x64
    WS LAB: Ryzen 2700x cooled by Corsair H100i V2 - Asus Rog Strix x370-i Gaming - 16Gb GSkill TridentZ RGB 3200Mhz - Zotac GTX1060 Mini 6GB - Thermaltake Smart Pro RGB 650W - MP500 NvME 250Gb - WD Blue 1Tb - Win10 Pro x64 - Phanteks Evolv ITX Glass

    My HPE MicroServer:
    Configurazione e Setup

  10. #10
    exbibyte L'avatar di wasky
    Registrato
    May 2004
    Località
    Roma Vittoriosa
    Età
    55
    Messaggi
    11,739
    configurazione

    Predefinito

    visto che hai iniziato a parlare di

    codice:

    perderei due spicci di tempo per parlare dei foglio di style.css


    ecco un esempio

    codice:
    BODY
    {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        FONT-SIZE: 12px;
        PADDING-BOTTOM: 0px;
        COLOR: lawngreen;
        PADDING-TOP: 0px;
        FONT-FAMILY: balloon Bd BT, Verdana, Geneva, Arial, Helvetica, monospace, Comics Sans MS 'Comics Sans MS';
        BACKGROUND-COLOR: #000000
    }
    A:link
    {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12pt;
        COLOR: #00ff00;
        FONT-FAMILY: Comics Sans MS;
        TEXT-DECORATION: none
    }
    A:visited
    {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12pt;
        COLOR: #00ff00;
        FONT-FAMILY: Comics Sans MS;
        TEXT-DECORATION: none
    }
    A:hover
    {
        FONT-WEIGHT: bold;
        FONT-SIZE: 12pt;
        COLOR: #ff6600;
        FONT-FAMILY: Comics Sans MS
    }
    P
    {
        FONT-SIZE: 12pt;
        COLOR: #ffffff;
        FONT-FAMILY: Arial
    }
    TD
    {
        FONT-SIZE: 12pt;
        COLOR: #ffff00;
        FONT-FAMILY: Comics Sans MS
    }
    LI
    {
        FONT-SIZE: 12pt;
        COLOR: #ffff00;
        FONT-FAMILY: Comics Sans MS
    }
    TD.Std
    {
        FONT-SIZE: 12pt;
        COLOR: #ffff00;
        FONT-FAMILY: Comics Sans MS
    }

    come vedi i Tag

    e sono presenti anche nel foglio di stile da questo parti per ottenere ad esempio scritte che al passaggio del mouse cambiano colore o per decidere se vuoi un carattere ( font ) standard per permettere a chi visita il sito di leggerlo anche se non ha il font usato installato in windows/font

    per usare il foglio di style.css devi aggiungere nella Head questo codice

    codice:
    complimenti per il topic matty90

    wasky

    In a Audio Computer Transport, Parameters like RAM settings, RAM quality and motherboard traffic all make a perceptible difference. The purity with which data is streamed to the DAC is critical. Cics

Pagina 1 di 3 1 2 3 ultimo

Informazioni Thread

Users Browsing this Thread

Ci sono attualmente 1 utenti che stanno visualizzando questa discussione. (0 utenti e 1 ospiti)

Discussioni simili

  1. C ed HTML
    By shady in forum -= Webdesign, Computer grafica, Video editing e Automation/Management =-
    Risposte: 2
    Ultimo messaggio: 20-07-2001, 19:46
  2. PROGRAMMI PER CREARE BASI......
    By Messinese in forum -= Sistemi Operativi Windows e software generale =-
    Risposte: 8
    Ultimo messaggio: 04-07-2001, 12:11
  3. HTML ????
    By yottabyte in forum -= Webdesign, Computer grafica, Video editing e Automation/Management =-
    Risposte: 2
    Ultimo messaggio: 27-03-2001, 16:19
  4. HTML
    By Fazz in forum -= Webdesign, Computer grafica, Video editing e Automation/Management =-
    Risposte: 3
    Ultimo messaggio: 29-01-2001, 00:33

Tags

Regole d'invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
nexthardware.com - © 2002-2018

Search Engine Optimization by vBSEO 3.6.1