diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:47:54 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:47:54 +0100 |
commit | 30feb96f6084a2fb976a24ac01c1f4a054611b62 (patch) | |
tree | d73194ae27b60156ff0ca54013c8c4ad8519f10a /files/it/learn | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.tar.gz translated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.tar.bz2 translated-content-30feb96f6084a2fb976a24ac01c1f4a054611b62.zip |
unslug it: move
Diffstat (limited to 'files/it/learn')
-rw-r--r-- | files/it/learn/accessibility/accessibility_troubleshooting/index.html (renamed from files/it/learn/accessibilità/accessibilità_test_risoluzione_problemi/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/css_and_javascript/index.html (renamed from files/it/learn/accessibilità/css_e_javascript_accessibilità/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/html/index.html (renamed from files/it/learn/accessibilità/html_accessibilità/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/index.html (renamed from files/it/learn/accessibilità/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/mobile/index.html (renamed from files/it/learn/accessibilità/accessibilità_dispositivi_mobili/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/multimedia/index.html (renamed from files/it/learn/accessibilità/multimedia/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/wai-aria_basics/index.html (renamed from files/it/learn/accessibilità/wai-aria_basics/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/accessibility/what_is_accessibility/index.html (renamed from files/it/learn/accessibilità/cosa_è_accessibilità/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/come_contribuire/index.html | 88 | ||||
-rw-r--r-- | files/it/learn/css/building_blocks/cascade_and_inheritance/index.html | 87 | ||||
-rw-r--r-- | files/it/learn/css/building_blocks/selectors/index.html (renamed from files/it/learn/css/building_blocks/selettori/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/css/first_steps/how_css_is_structured/index.html | 157 | ||||
-rw-r--r-- | files/it/learn/css/first_steps/how_css_works/index.html | 114 | ||||
-rw-r--r-- | files/it/learn/css/first_steps/index.html | 43 | ||||
-rw-r--r-- | files/it/learn/css/styling_text/styling_links/index.html (renamed from files/it/learn/css/styling_text/definire_stili_link/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/forms/form_validation/index.html (renamed from files/it/learn/html/forms/form_validation/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/forms/how_to_build_custom_form_controls/index.html (renamed from files/it/learn/html/forms/come_costruire_custom_form_widgets_personalizzati/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/forms/index.html (renamed from files/it/learn/html/forms/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/getting_started_with_the_web/dealing_with_files/index.html (renamed from files/it/learn/getting_started_with_the_web/gestire_i_file/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/getting_started_with_the_web/how_the_web_works/index.html (renamed from files/it/learn/getting_started_with_the_web/come_funziona_il_web/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/getting_started_with_the_web/publishing_your_website/index.html (renamed from files/it/learn/getting_started_with_the_web/pubbicare_sito/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html (renamed from files/it/learn/getting_started_with_the_web/che_aspetto_avrà_il_tuo_sito_web/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/howto/use_data_attributes/index.html (renamed from files/it/learn/html/howto/uso_attributi_data/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/introduction_to_html/html_text_fundamentals/index.html (renamed from files/it/learn/html/introduction_to_html/fondamenti_di_testo_html/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html (renamed from files/it/learn/html/introduction_to_html/i_metadata_nella_head_in_html/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/multimedia_and_embedding/responsive_images/index.html (renamed from files/it/learn/html/multimedia_and_embedding/immagini_reattive/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/multimedia_and_embedding/video_and_audio_content/index.html (renamed from files/it/learn/html/multimedia_and_embedding/contenuti_video_e_audio/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/html/scrivi_una_semplice_pagina_in_html/index.html | 277 | ||||
-rw-r--r-- | files/it/learn/javascript/first_steps/variables/index.html (renamed from files/it/learn/javascript/first_steps/variabili/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/javascript/first_steps/what_went_wrong/index.html (renamed from files/it/learn/javascript/first_steps/cosa_è_andato_storto/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/javascript/howto/index.html (renamed from files/it/learn/javascript/comefare/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/javascript/objects/basics/index.html (renamed from files/it/learn/javascript/oggetti/basics/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/javascript/objects/index.html (renamed from files/it/learn/javascript/oggetti/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/javascript/objects/json/index.html (renamed from files/it/learn/javascript/oggetti/json/index.html) | 0 | ||||
-rw-r--r-- | files/it/learn/server-side/django/introduction/index.html (renamed from files/it/learn/server-side/django/introduzione/index.html) | 0 |
35 files changed, 401 insertions, 365 deletions
diff --git a/files/it/learn/accessibilità/accessibilità_test_risoluzione_problemi/index.html b/files/it/learn/accessibility/accessibility_troubleshooting/index.html index 8c0e97dab4..8c0e97dab4 100644 --- a/files/it/learn/accessibilità/accessibilità_test_risoluzione_problemi/index.html +++ b/files/it/learn/accessibility/accessibility_troubleshooting/index.html diff --git a/files/it/learn/accessibilità/css_e_javascript_accessibilità/index.html b/files/it/learn/accessibility/css_and_javascript/index.html index 6f5e69fea4..6f5e69fea4 100644 --- a/files/it/learn/accessibilità/css_e_javascript_accessibilità/index.html +++ b/files/it/learn/accessibility/css_and_javascript/index.html diff --git a/files/it/learn/accessibilità/html_accessibilità/index.html b/files/it/learn/accessibility/html/index.html index 26129068e4..26129068e4 100644 --- a/files/it/learn/accessibilità/html_accessibilità/index.html +++ b/files/it/learn/accessibility/html/index.html diff --git a/files/it/learn/accessibilità/index.html b/files/it/learn/accessibility/index.html index 57dee47809..57dee47809 100644 --- a/files/it/learn/accessibilità/index.html +++ b/files/it/learn/accessibility/index.html diff --git a/files/it/learn/accessibilità/accessibilità_dispositivi_mobili/index.html b/files/it/learn/accessibility/mobile/index.html index 46a2b24c4d..46a2b24c4d 100644 --- a/files/it/learn/accessibilità/accessibilità_dispositivi_mobili/index.html +++ b/files/it/learn/accessibility/mobile/index.html diff --git a/files/it/learn/accessibilità/multimedia/index.html b/files/it/learn/accessibility/multimedia/index.html index f920e59050..f920e59050 100644 --- a/files/it/learn/accessibilità/multimedia/index.html +++ b/files/it/learn/accessibility/multimedia/index.html diff --git a/files/it/learn/accessibilità/wai-aria_basics/index.html b/files/it/learn/accessibility/wai-aria_basics/index.html index 09891c8a11..09891c8a11 100644 --- a/files/it/learn/accessibilità/wai-aria_basics/index.html +++ b/files/it/learn/accessibility/wai-aria_basics/index.html diff --git a/files/it/learn/accessibilità/cosa_è_accessibilità/index.html b/files/it/learn/accessibility/what_is_accessibility/index.html index 52a5c138f8..52a5c138f8 100644 --- a/files/it/learn/accessibilità/cosa_è_accessibilità/index.html +++ b/files/it/learn/accessibility/what_is_accessibility/index.html diff --git a/files/it/learn/come_contribuire/index.html b/files/it/learn/come_contribuire/index.html deleted file mode 100644 index bd3d90966a..0000000000 --- a/files/it/learn/come_contribuire/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: Come contribuire nell'area di MDN dedicata all'apprendimento -slug: Learn/Come_contribuire -tags: - - Apprendimento - - Articolo - - Contribuire - - Didattica - - Glossário - - Guida - - Materiale - - Principiante - - insegnante - - sviluppatore -translation_of: Learn/How_to_contribute ---- -<p>{{LearnSidebar}}</p> - -<p>Se sei qui per la prima volta o dopo un'approfondita ricerca, probabilmente ti interessa contribuire all'area di MDN dedicata all'apprendimento. Questa è una grande notizia!</p> - -<p><span class="seoSummary">In questa pagina, troverai tutto ciò che ti occorre per iniziare a migliorare i contenuti dedicati all'apprendimento in MDN. Ci sono molte cose che puoi fare, a seconda del tempo a tua disposizione e se sei un <a href="/en-US/Learn/How_to_contribute#I'm_a_beginner">principiante</a>, uno <a href="/en-US/Learn/How_to_contribute#I'm_a_web_developer">sviluppatore web</a> o un <a href="/en-US/Learn/How_to_contribute#I'm_a_teacher">insegnante</a>.</span></p> - -<div class="note"> -<p><strong>Nota</strong>: Puoi trovare una guida per scrivere un nuovo articolo nell'area dedicata all'apprendimento su <a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Come scrivere un nuovo articolo per aiutare gli utenti a conoscere il Web</a>.</p> -</div> - -<h2 id="Trova_un_compito_specifico">Trova un compito specifico</h2> - -<p><strong>I contributori stanno utilizzando <a href="https://trello.com/b/LDggrYSV">una bacheca Trello</a> per organizzare i propri compiti. In questo modo puoi trovare dei compiti specifici da fare nel progetto. Per essere coinvolto, basta <a href="https://trello.com/signup">creare un account Trello</a> e avvisare Chris Mills per ricevere i permessi di scrittura sulla bacheca.</strong></p> - -<p>Contribuire è il modo migliore per divertirsi, imparando nuove cose. Se ti senti perso o hai domande, non esitare a raggiungerci nella nostra <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">lista email</a> o <a href="/en-US/docs/MDN/Community#Get_into_IRC">canale IRC</a> (dettagli a fine pagina). <a href="/en-US/profiles/chrisdavidmills">Chris Mills</a> guida gli argomenti per l'area apprendimento — Puoi anche contattarlo direttamente.</p> - -<p>La seguente sezione fornisce delle idee generali di compiti che puoi fare.</p> - -<h2 id="Sono_un_principiante">Sono un principiante</h2> - -<p>Questo è meraviglioso! I principianti sono molto importanti e preziosi per creare materiale didattico e raccogliere feedback su di esso. In quanto diretto destinatario di questo materiale, riesci a restituire una prospettiva unica su di esso e ciò ti rende un elemento fondamentale del nostro team. Invece, se stai utilizzando i nostri articoli per imparare qualcosa ma ti trovi in difficoltà o trovi un articolo caotico, puoi sia correggerlo oppure farci sapere del problema affinché possiamo provvedere noi a correggerlo.</p> - -<p>Di seguito sono riportati i modi in cui puoi contribuire:</p> - -<dl> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Tag">Aggiungi tags ai nostri articoli</a> (<em>5 min</em>)</dt> - <dd>Aggiungere dei tag ai contenuti di MDN è uno dei modi più semplici di dare il tuo contributo. Poichè molte delle nostre sezioni utilizzano i tags per aiutare a fornire le giuste informazioni, contribuire a definire i tags stessi è senz'altro un contributo molto prezioso. Da' un'occhiata alla lista dei <a href="https://developer.mozilla.org/en-US/docs/MDN/Doc_status/Glossary#No_tags">lemmi del glossario</a> e agli <a href="https://developer.mozilla.org/en-US/docs/MDN/Doc_status/Learn#No_tags">articoli didattici </a>ancora privi di tags per iniziare a contribuire.</dd> - <dt><a href="/en-US/docs/Glossary">Leggi e correggi le voci del glossario</a> (<em>5 min</em>)</dt> - <dd>In qualità di principiante, noi abbiamo bisogno della freschezza del tuo sguardo. Se una voce del glossario ti sembra difficile da comprendere, ciò significa che occorre migliorarla. Sentiti libero di operare qualunque cambiamento ritieni necessario. Se non ti sembra di essere in grado tu stesso di apportare eventuali correzioni, puoi comunque segnalarcelo alla <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nostra mailing list</a>.</dd> - <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Scrivi una nuova voce del glossario</a> (<em>20 min</em>)</dt> - <dd>Ecco il modo più efficace per imparare qualcosa di nuovo. Scegli un concetto che vorresti capire meglio e, mentre impari, scrivi la nuova voce del glossario che gli pertiene. Provare a spiegare qualcosa agli altri è un modo efficace di "fissare" quanto stai imparando nel tuo cervello e di elaborare tu stesso il significato delle cose. Tutto ciò, mentre stai cercando di aiutare qualcun altro: si vince tutti!</dd> - <dt><a href="/en-US/Learn/Index">Leggi e controlla un articolo didattico</a> (<em>2 ore</em>)</dt> - <dd>Compito molto simile al precedente (v. sopra); solo richiede maggior tempo, perchè questi articoli in genere sono più lunghi.</dd> -</dl> - -<h2 id="Sono_uno_sviluppatore">Sono uno sviluppatore</h2> - -<p>Fantastico! Le tue competenze tecniche sono proprio quello che ci serve per offrire ai principianti dei contenuti tecnicamente accurati. Poichè questa sezione di MDN è dedicata all'apprendimento del Web, fa in modo che le tue spiegazioni siano il più semplice possibile, ma non così semplici da risultare inutili. E' preferibile essere compresi piuttosto che esageratamente precisi.</p> - -<dl> - <dt><a href="/en-US/docs/Glossary">Leggi e correggi le voci del glossario</a> (<em>5 min</em>)</dt> - <dd>In quanto sviluppatore, vorremmo essere sicuri che farai in modo di rendere i nostri contenuti in maniera tecnicamente accurata ma non pedante. Sentiti libero di apportare tutte le correzioni del caso. Se vuoi confrontarti sui contenuti prima di intervenire, contattaci via <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">mailing list</a> o <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC channel</a>.</dd> - <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Scrivi una nuova voce del glossario</a> (<em>20 min</em>)</dt> - <dd>Rendere più chiaro il linguaggio tecnico è un ottimo metodo per imparare e, allo stesso tempo, per essere tecnicamente precisi. I principianti te ne saranno grati. Ci sono <a href="/en-US/docs/Glossary#Contribute">molti termini da definire</a> che richiedono la tua attenzione. Scégline uno e sei pronto per cominciare.</dd> - <dt><a href="/en-US/Learn/Index">Leggi e correggi un articolo didattico</a> (<em>2 ore</em>)</dt> - <dd>Stessa cosa del controllare una voce del glossario (v. sopra); richiede solo un po' più di tempo perchè questi articoli sono generalmente più lunghi.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Scrivi un nuovo articolo didattico</a> (<em>4 ore o più</em>)</dt> - <dd>In MDN mancano ancora semplici chiari articoli dedicati all'utilizzo delle tecnologie per il Web (<a href="/en-US/docs/Learn/CSS">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, ecc). Ci sono anche contenuti ormai obsoleti che avrebbero bisogno di essere controllati e riorganizzati. Mettiti alla prova e contribuisci a rendere le tecnologie per il Web accessibili anche per i principianti.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Crea strumenti didattici interattivi , esempi di codice o esercizi </a> (<em>? ore</em>)</dt> - <dd>Ciascuno dei nostri articoli didattici prevede quello che chiamiamo materiale di "apprendimento attivo", perchè le persone imparano meglio se fanno loro stessi. Tale materiale è costituito da esercizi o contenuti interattivi, che consentono all'utente di applicare e manipolare i concetti espressi nell'articolo. Esistono diversi modi di creare contenuti didattici per l'apprendimento attivo, dal creare esempi di codice con <a href="http://jsfiddle.net" rel="external">JSFiddle</a> o simili, alla composizione di contenuti interattivi e del tutto modificabili con <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Scatena la tua fantasia!</dd> -</dl> - -<h2 id="Sono_un_insegnante">Sono un insegnante</h2> - -<p>MDN ha una lunga storia di eccellenza tecnica, ma siamo ancora agli inizi per ciò che riguarda gli strumenti didattici migliori per insegnare ai principianti. Ecco dove il tuo aiuto è prezioso, come insegnante o facilitatore: puoi aiutarci a far sì che il nostro materiale fornisca un percorso didattico efficace e pratico per i nostri lettori.</p> - -<dl> - <dt><a href="/en-US/docs/Glossary">Leggi e correggi una voce del glossario</a> (<em>15 min</em>)</dt> - <dd>Controlla un lemma del glossario e séntiti libero di apportare tutte le correzioni del caso. Se vuoi confrontarti sul contenuto prima di modificarlo, puoi contattarci tramite la <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nostra mailing list</a> o <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC channel</a>.</dd> - <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Scrivi una nuova voce del glossario</a> (<em>1 ora</em>)</dt> - <dd>Definizioni dei termini chiare e semplici e supervisione dei concetti di base del glossario sono elementi fondamentali per aiutare i principianti. La tua esperienza come educatore può essere molto utile per creare delle voci del glossario efficaci; ci sono <a href="/en-US/docs/Glossary#Contribute">molti termini da definire</a> che richiedono la tua attenzione. Scégline uno e datti da fare.</dd> - <dt><a href="/en-US/docs/tag/needsSchema">Aggiungi illustrazioni e/o schemi agli articoli</a> (<em>1 ora</em>)</dt> - <dd>Come saprai, le illustrazioni sono una parte inestimabile di qualunque contenuto didattico. Ecco una cosa che spesso ci manca qui in MDN e la tua abilità può far la differenza in questa sezione. Scorri gli <a href="/en-US/docs/tag/needsSchema">articoli privi di illustrazioni</a> e scégline uno cui vuoi aggiungere la parte grafica.</dd> - <dt><a href="/en-US/Learn/Index">Leggi e correggi un articolo didattico</a> (<em>2 ore</em>)</dt> - <dd>Compito simile alla correzione delle voci del glossario (v. sopra), ma richiede maggior tempo dal momento che gli articoli sono generalmente più lunghi.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Scivi un nuovo articolo didattico</a> (<em>4 ore</em>)</dt> - <dd>Ci servono articoli chiari e semplici sull'ecosistema Web e sugli argomenti inerenti di tipo funzionale. Dal momento che questi articoli didattici hanno lo scopo di essere soprattutto educativi e non di coprire letteralmente tutto quello che c'è da sapere, la tua esperienza riguardo cosa e come sia effettivamente da trattare sarà di grande aiuto.</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Inventa esercizi, questionari o strumenti didattici interattivi</a> (<em>? ore</em>)</dt> - <dd>Tutti i nostri articoli didattici prevedono materiale di "apprendimento attivo". Tale materiale consiste in contenuti interattivi o esercizi, che aiuteranno gli utenti ad apprendere come utilizzare ed espandere i concetti espressi nell'articolo in questione. Ci sono molti modi in cui tu puoi contribuire qui, dal creare quiz al comporre nuovi contenuti interattivi e modificabili su <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Scatena la tua fantasia!</dd> - <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_learning_pathways">Crea percorsi didattici</a> (<em>? ore</em>)</dt> - <dd>Al fine di fornire tutorials di facile comprensione e nella corretta progressione, ci occorre organizzare i contenuti in percorsi didattici: è un modo di raccogliere contenuti preesistenti e individuare ciò che ancora manca, così da proporre gli argomenti per nuovi articoli didattici ancora da scrivere.</dd> -</dl> diff --git a/files/it/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/it/learn/css/building_blocks/cascade_and_inheritance/index.html new file mode 100644 index 0000000000..66702c1bdd --- /dev/null +++ b/files/it/learn/css/building_blocks/cascade_and_inheritance/index.html @@ -0,0 +1,87 @@ +--- +title: Cascata ed ereditarietà +slug: Conoscere_i_CSS/Cascata_ed_ereditarietà +tags: + - Conoscere_i_CSS +translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance +translation_of_original: Web/Guide/CSS/Getting_started/Cascading_and_inheritance +--- +<p> +</p><p>Questa pagina delinea come diversi fogli di stile interagiscano in cascata e come gli elementi ereditino lo stile dai loro elementi genitori. +</p><p>Verranno aggiunte delle informazioni al foglio di stile di esempio, modificando lo stile di molte parti del documento con una sola mossa. +</p><p><a class="external" href="http://www.example.com">link title</a>== Headline text ==== Informazioni: Cascata ed ereditarietà == +Lo stile finale di un elemento può essere definito in molti luoghi diversi, che possono intergire fra loro in modo complesso. +Questa complessa interazione rende i CSS molto potenti, ma può anche rendere una correzione confusa e difficile. +</p><p>Le tre sorgenti principali di informazioni sullo stile che generano la cascata sono: +</p> +<ul><li>Lo stile predefinito del browser per il linguaggio di marcatura +</li><li>Lo stile specficato dall'utente che sta leggendo il documento +</li><li>Lo stile collegato al documento dal suo autore +</li></ul> +<p>Lo stile dell'utente modifica lo stile predefinito del browser. Lo stile dell'autore del documento modifica ulteriormente lo stile. In questa guida tu sei l'autore del documento di esempio, e verrà considerato solo il foglio di stile dell'autore. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;"> +<caption>Esempio +Quando leggi questo articolo della guida nel tuo browser Mozilla, parte dello stile che vedi proviene da quello predefinito del browser per l'HTML. Un altra parte potrebbe essere definita dalle impostazioni del browser nel menu Strumenti>Opzioni, o dal file <code>userContent.css</code> nel tuo profilo del browser. Un'altra parte deriva infine dal foglio di stile associato al documento dal server del wiki. +</caption><tbody><tr><td></td></tr></tbody></table> +<p><br> +Quando apri il documento di esempio con il browser, gli elementi STRONG sono più marcati del resto del testo. Questo effetto deriva dallo stile predefinito del browser per l'HTML. +</p><p>Gli elementi STRONG sono rossi. Questo è stato definto dal tuo foglio di stile di esempio. +</p><p>Gli elementi STRONG inoltre ereditano gran parte dello stile dell'elemento P, poiché ne sono figli. Allo stesso modo l'elemento P eredita gran parte dello stile dall'elemento BODY. +</p><p>Negi stili in cascata, il foglio di stile dell'autore ha la precedenza, quindi viene il foglio dell'utente ed infine quello predefinito del browser. +</p><p>Per gli stili ereditati, lo stile proprio del nodo figlio ha la precedenza su quello ereditato dal genitore. +</p><p>Questo non è l'unico ordine di precedenze che viene applicato, ma lo riprenderemo più avanti nella guida. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4;"> +<caption>Di più... +</caption><tbody><tr> +<td> I CSS forniscono un modo all'utente per prevalere sullo stile definito dall'autore del documento, utilizzando la parola chiave <code>!important</code>. +<p>Questo significa anche che l'autore del documento non può prevedere esattamente cosa vedrà l'utente. +</p><p>Per consocere tutti i dettagli circa la cascata e l'ereditarietà, guarda la sezione relativa a <a class="external" href="http://www.w3.org/TR/CSS21/cascade.html">"Assegnare valori alle proprietà, Cascata ed ereditarietà"</a>(EN) nelle specifiche dei CSS. +</p> +</td></tr></tbody></table> +<h3 id="Azione:_Utilizzare_l.27ereditariet.C3.A0" name="Azione:_Utilizzare_l.27ereditariet.C3.A0"> Azione: Utilizzare l'ereditarietà </h3> +<p>Modifica il tuo file CSS di esempio. +</p><p>Aggiungi la seguente linea facendo copia e incolla. +Non è molto importante dove viene incollata. In ogni caso è più logico aggiungerla all'inizio perché nel documento l'elemento P è genitore dell'elemento STRONG: +</p> +<pre>p {color: blue; text-decoration: underline;} +</pre> +<p>Ora aggiorna il browser e nota i cambiamenti al docuemnto di esempio. +La sottolineatura influenza tutto il testo contenuto nel paragrafo, incluse le lettere iniziali. +L'elemento STRON ha ereditato lo stile sottolineato dall'elemento genitore P. +</p><p>Ma gli elementi STRONG continuano ad essere di colore rosso. Questo perché il colore rosso è lo stile proprio dell'elemento, che prevale sull'elemento blu dell'elemento P. +</p> +<table> +<tbody><tr> +<td> +<table style="border: 2px outset #36b; padding: 1em; margin-right: 2em;"> +<caption>Prima +</caption><tbody><tr> +<td><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +</td><td> +<table style="border: 2px outset #36b; padding: 1em;"> +<caption>Dopo +</caption><tbody><tr> +<td style="color: blue; text-decoration: underline;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +</td></tr></tbody></table> +<p><br> +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4;"> +<caption>Esercizi +</caption><tbody><tr> +<td> Cambia il foglio di stile per fare in modo che solo le lettere rosse risultino sottolineate: +<table style="border: 2px outset #36b; padding: 1em;"> +<tbody><tr> +<td style="color: blue;"><strong style="color: red; text-decoration: underline;">C</strong>ascading <strong style="color: red; text-decoration: underline;">S</strong>tyle <strong style="color: red; text-decoration: underline;">S</strong>heets +</td></tr></tbody></table> +</td></tr></tbody></table> +<p><br> +</p> +<h4 id="Cos.27altro.3F" name="Cos.27altro.3F"> Cos'altro? </h4> +<p>Se hai avuto difficoltà a comprendere questa pagina, o sei hai dei commenti a proposito, utilizza questa pagina di <a>Discussione</a>. +</p><p>Il foglio di stile d'esempio specifica lo stile per i tag <code>P</code> e <code>STRONG</code> modificandone lo stile per tutto il documento. La prossima pagina spiega come specificare lo stile in modo più selettivo: +<b><a href="it/Conoscere_i_CSS/I_Selettori">I Selettori</a></b> +</p>{{ languages( { "en": "en/CSS/Getting_Started/Cascading_and_inheritance", "fr": "fr/CSS/Premiers_pas/Cascade_et_h\u00e9ritage", "ja": "ja/CSS/Getting_Started/Cascading_and_inheritance", "pl": "pl/CSS/Na_pocz\u0105tek/Kaskadowo\u015b\u0107_i_dziedziczenie", "pt": "pt/CSS/Como_come\u00e7ar/Cascata_e_heran\u00e7a" } ) }} diff --git a/files/it/learn/css/building_blocks/selettori/index.html b/files/it/learn/css/building_blocks/selectors/index.html index cf0f6662cf..cf0f6662cf 100644 --- a/files/it/learn/css/building_blocks/selettori/index.html +++ b/files/it/learn/css/building_blocks/selectors/index.html diff --git a/files/it/learn/css/first_steps/how_css_is_structured/index.html b/files/it/learn/css/first_steps/how_css_is_structured/index.html new file mode 100644 index 0000000000..7942e9a4a9 --- /dev/null +++ b/files/it/learn/css/first_steps/how_css_is_structured/index.html @@ -0,0 +1,157 @@ +--- +title: CSS leggibili +slug: Conoscere_i_CSS/CSS_leggibili +tags: + - Conoscere_i_CSS +translation_of: Learn/CSS/Introduction_to_CSS/Syntax#Beyond_syntax_make_CSS_readable +translation_of_original: Web/Guide/CSS/Getting_started/Readable_CSS +--- +<p> +</p><p>In questa pagina si parla dello stile e della grammatica del linguaggio CSS stesso. +</p><p>Impareremo a cambiare l'aspetto del file CSS di prova per renderlo più leggibile. +</p> +<h3 id="Informazioni:_CSS_leggibili" name="Informazioni:_CSS_leggibili"> Informazioni: CSS leggibili </h3> +<p>E' possibile aggiungere spazi bianchi e commenti ai propri fogli di stile al fine di renderli più leggibili. +Inoltre si possono raggruppare insieme i selettori quando viene applicata a diversi elementi la stessa regola di stile. +</p> +<h4 id="Spazi_bianchi" name="Spazi_bianchi"> Spazi bianchi </h4> +<p>Spazi bianchi significa proprio spaziatura, tabulazione e nuove linee. +Si possono aggiungere degli spazi bianchi per rendere i fogli di stile più leggibili. +</p><p>Al momento il file CSS di prova ha una regola per ogni linea ed il minimo degli spazi bianchi. In un foglio di stile complesso questa struttura sarebbe molto difficile da decifrare, rendendo la manutenzione e la modifica del foglio di stile alquanto faticose. +</p><p>La struttura da scegliere generalmente risponde alle preferenze personali dell'autore, ma in un progetto condiviso potrebbero esistere delle particolari convenzioni comuni. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Esempi +</caption><tbody><tr> +<td> Alcuni autori preferisono una struttura molto compatta (simile a quella utilizzata fin ora per il file di esempio), dividendo la linea solo quando diventa troppo lunga: +<pre> +.carrot {color: orange; text-decoration: underline; font-style: italic;} +</pre> +<p>Altri preferiscono il metodo "una proprietà per linea": +</p> +<div style="width: 45em;"> +<pre class="eval">.carrot +{ +color: orange; +text-decoration: underline; +font-style: italic; +} +</pre> +</div> +<p>Altri ancora utilizzano l'indentazione—due, quattro spazi, o una tabulazione sono comuni: +</p> +<div style="width: 45em;"> +<pre class="eval">.carrot { + color: orange; + text-decoration: underline; + font-style: italic; +} +</pre> +</div> +<p>Alcuni autori addirittura preferiscono allineare tutto verticalmente (ma una struttura simile risulta difficile da mantenere): +</p> +<div style="width: 45em;"> +<pre class="eval">.carrot + { + color : orange; + text-decoration : underline; + font-style : italic; + } +</pre> +</div> +<p>Alcuni usano la tabulazione. Altri solo gli spazi. +</p> +</td></tr></tbody></table> +<h4 id="Commenti" name="Commenti"> Commenti </h4> +<p>I commenti nei CSS iniziano con <code>/*</code> e terminano con <code>*/</code>. +</p><p>I commenti possono essere utilizzati sia per scrivere un vero e proprio commento al foglio di stile, sia per <i>isolare</i> temporaneamente alcune parti di codice per scopi di test. +</p><p>Per isolare una parte del foglio di stile è sufficiente porre quella parte all'interno di un commento. In tal modo il browser la ignorerà. Occorre prestare molta attenzione al punto di inizio e di fine del commento. +Il resto del documento deve continuare ad avere una sintassi corretta. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Esempio +</caption><tbody><tr> +<td>Un commento vero e proprio: +<div style="width: 45em;"> +<pre class="eval">/* stile per la lettere iniziale C del primo paragrafo */ +.carrot { + color: orange; + text-decoration: underline; + font-style: italic; + } +</pre> +</div> +<p>Un isolamento: +</p> +<div style="width: 45em;"> +<pre class="eval"><b>/*</b> isolo una porzione del codice +.carrot { + color: orange; + text-decoration: underline; + font-style: italic; + } + <b>*/</b> +</pre> +</div> +</td></tr></tbody></table> +<h4 id="Raggruppare_i_selettori" name="Raggruppare_i_selettori"> Raggruppare i selettori </h4> +<p>Se molti elementi hanno lo stesso stile è possibile raggruppare i selettori creando un gruppo separato da virgole. +La dichiarazione verrà applicata a tutti gli elementi selezionati. +</p><p>Altrove nel foglio di stile sarà anche possibile trattare individualmente gli stessi selettori, per applicare delle regole di stile personalizzate. +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;"> +<caption>Esempi +</caption><tbody><tr> +<td> Questa regola rende gli elementi <small>H1</small>, <small>H2</small> e <small>H3</small> dello stesso colore. +<p>E' comodo indicare tale colore in un solo posto per rendere più agevole e veloce l'eventuale modifica. +</p> +<div style="width: 30em;"> +<pre class="eval">/* colore dei titoli */ +h1, h2, h3 {color: navy;} +</pre> +</div> +</td></tr></tbody></table> +<h3 id="Azione:_Aggiungere_commenti_e_migliorare_la_struttura" name="Azione:_Aggiungere_commenti_e_migliorare_la_struttura"> Azione: Aggiungere commenti e migliorare la struttura </h3> +<p>Modifica il file CSS e assicurati che al suo interno contenga le seguenti regole (in qualsiasi ordine): +</p> +<div style="width: 30em;"> +<pre class="eval">strong {color: red;} +.carrot {color: orange;} +.spinach {color: green;} +#first {font-style: italic;} +p {color: blue;} +</pre> +</div> +<p>Rendi il foglio di stile più leggibile strutturandolo nel modo che ritieni più logico ed aggiungendo spazi bianchi e commenti dove pare opportuno. +</p><p>Salva il file ed aggiorna la finestra del browser per assicurarti che i cambiamenti effettuati non influiscano sul funzionamento del foglio di stile: +</p> +<table style="border: 2px outset #36b; padding: 1em;"> +<tbody><tr> +<td style="font-style: italic; color: blue;"><strong style="color: orange;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets +</td></tr> +<tr> +<td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +<p><br> +</p> +<table style="border: 1px solid #36b; padding: 1em; background-color: #ffe;"> +<caption>Esercizi +</caption><tbody><tr> +<td> Isola una parte del foglio di stile, senza modificare nient'altro, per rendere la prima lettera del documento rossa: +<table style="border: 2px outset #36b; padding: 1em; background-color: white;"> +<tbody><tr> +<td style="font-style: italic; color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: green;">S</strong>tyle <strong style="color: green;">S</strong>heets +</td></tr> +<tr> +<td style="color: blue;"><strong style="color: red;">C</strong>ascading <strong style="color: red;">S</strong>tyle <strong style="color: red;">S</strong>heets +</td></tr></tbody></table> +<p>(Esiste più di un modo per ottenere questo risultato.) +</p> +</td></tr></tbody></table> +<p><br> +</p> +<h4 id="Cos.27altro.3F" name="Cos.27altro.3F"> Cos'altro? </h4> +<p>Il foglio di stile dell'esempio utilizza solamente il testo corsivo (<i>italic</i>) o il testo sottolineato (<i>underline</i>). +La prossima pagina della guida spiega ulteriori modi per specificare l'aspetto del testo in un documento: +<b><a href="it/Conoscere_i_CSS/Stili_del_testo">Stili del testo</a></b> +</p>{{ languages( { "en": "en/CSS/Getting_Started/Readable_CSS", "fr": "fr/CSS/Premiers_pas/Des_CSS_lisibles", "pl": "pl/CSS/Na_pocz\u0105tek/Czytelny_CSS", "pt": "pt/CSS/Como_come\u00e7ar/CSS_leg\u00edvel" } ) }} diff --git a/files/it/learn/css/first_steps/how_css_works/index.html b/files/it/learn/css/first_steps/how_css_works/index.html new file mode 100644 index 0000000000..9e65e269af --- /dev/null +++ b/files/it/learn/css/first_steps/how_css_works/index.html @@ -0,0 +1,114 @@ +--- +title: Cosa è CSS +slug: Conoscere_i_CSS/Che_cosa_sono_i_CSS +translation_of: Learn/CSS/First_steps/How_CSS_works +translation_of_original: Web/Guide/CSS/Getting_started/What_is_CSS +--- +<p>{{ CSSTutorialTOC() }}</p> + +<p>{{previousPage("/it/docs/CSS/Getting_Started", "Getting started")}} Questa è la prima sezione dell'esercitazione "Iniziare (Esercitazione di CSS)" che spiega cosa è CSS. Si creerà un semplice documento su cui lavorare nelle pagine seguenti</p> + +<h3 id="Informazioni:_Che_cosa_sono_i_CSS.3F" name="Informazioni:_Che_cosa_sono_i_CSS.3F">Informazione: Cosa è CSS?</h3> + +<p>Cascading Style Sheets (<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>) è un linguaggio per specificare come i documenti sono presentati all'utente.</p> + +<p>Un <em>documento</em> è un insieme di informazioni strutturate utilizzando un <em>linguaggio a marcatori</em>.</p> + +<div class="tuto_example"> +<div class="tuto_type">Esempi</div> + +<p>Una pagine web come quella che si legge è un documento.<br> + Le informazioni che si vedono in una pagina web sono strutturare utilizzando il linguaggio a marcatori HTML (HyperText Markup Language).<br> + Le finestre di dialogo, anche chiamate finestre modali, di una applicazione sono spesso documenti.<br> + Tali finestre modali potrebbero essere strutturate utilizzano un linguaggio a marcatori, come XUL. E' questo il caso frequente delle applicazioni di Mozilla, ma non è il caso comune.</p> +</div> + +<p>In questa esercitazione, i riquadri titolati <strong>Maggiori dettagli</strong> come quello seguente contengono informazioni facoltative. Se hai fretta di andare avanti con l'esercitazione potresti saltarli, e forse tornare a leggerli più tardi. Diversamente leggerli quando li incontri, e forse seguire i link per imparare di più.</p> + +<div class="tuto_details"> +<div class="tuto_type">Maggiori dettagli</div> + +<p>Un documento non è un file. Potrebbe o non potrebbe essere memorizzato in un file.</p> + +<p>Per esempio, il documento che stai leggendo non è memorizzaotin un file. Quando il browser web richiede questa pagina, il server interroga un database e genera il documento, traendone le sue parti da molti file. D'altra parte, in questa esercitazione si lavora con documenti che sono memorizzati nei file.</p> + +<p>Per maggiori informazioni sui documenti e i linguaggi a amrcatori, si vedano altre parti di questo sito web—per esempio:</p> + +<table style="background-color: inherit; margin-left: 2em;"> + <tbody> + <tr> + <td><a href="https://developer.mozilla.org/en/HTML" title="en/HTML">HTML</a></td> + <td>per le pagine web</td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en/XML" title="en/XML">XML</a></td> + <td>per i documenti strutturati in generale</td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en/SVG" title="en/SVG">SVG</a></td> + <td>per la grafica</td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en/XUL" title="en/XUL">XUL</a></td> + <td>per le interfacce utente in Mozillafor user interfaces in Mozilla</td> + </tr> + </tbody> +</table> + +<p>Nella Parte II di questa esercitazione si vedranno esempi di questi linguaggi a marcatore.</p> +</div> + +<p><em>Presentare </em>un documento ad un utente significa convertirlo in una forma utilizzabile dall'essere umano. Browser, come FireFox, Chrome o Internet Explorer, sono progettati per presentare visivamente i documenti — per esempio, sullo schermo di un computer, un proiettore o una stampante.</p> + +<table style="background-color: #f4f4f4; border: 1px solid #3366bb; margin-bottom: 1em; padding: 1em;"> + <caption> </caption> + <tbody> + <tr> + <td> + <div class="tuto_type">Maggiori dettagli</div> + CSS non è solo per i browser, e non solo per presentazioni visive. Nella terminologia fomale di CSS, il programma che presenta un documento a un utente è chiamato<em>user agent</em> (UA). Un browser è solo un tipo di UA. Comunque, nella Parte I dell'esercitazione si lavora esclusivamente con CSS in un browser. + + <p>Per qualche definizione formale della terminologia relativa a CSS, vedere le <a class="external" href="http://www.w3.org/TR/CSS21/conform.html#q1">Definizioni</a> nelle specifiche CSS.</p> + </td> + </tr> + </tbody> +</table> + +<h3 id="Azione:_Creare_un_documento" name="Azione:_Creare_un_documento">Azione: Creare un documento</h3> + +<p>Utilizzare il proprio computer per creare una nuova cartella ed un nuovo file di testo al suo interno. Il file conterrà il tuo documento.<br> + Copia ed incolla il codice HTML mostrato sotto. Salva il file utilizzando il nome <code>doc1.html</code></p> + +<pre class="brush: html"><!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <title>Sample document</title> + </head> + + <body> + <p> + <strong>C</strong>ascading + <strong>S</strong>tyle + <strong>S</strong>heets + </p> + </body> +</html></pre> + +<p>Nel proprio browser, aprire una nuova scheda o una nuova finestra, e aprirvi il file.</p> + +<p>Si dovrebbe vedere il testo con le lettere iniziali in grassetto, come questo:</p> + +<table style="border: 2px outset #3366bb; padding: 1em;"> + <tbody> + <tr> + <td><strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</td> + </tr> + </tbody> +</table> + +<p>Quello che vedi nel tuo browser potrebbe non apparire esattametne uguale a questo, a causa delle impostazioni utilizzate dal browser e da questo wiki. Se ci sono differenze di font, spaziatura e colori, non ha importanza.</p> + +<h4 id="Cos.27altro.3F" name="Cos.27altro.3F">E poi?</h4> + +<p>{{nextPage("/en-US/docs/CSS/Getting_Started/Why_use_CSS", "Why use CSS?")}}Il documento ancora non utilizza CSS. Nella <a href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Why_use_CSS" title="/en-US/docs/CSS/Getting_Started/Why_use_CSS">prossima sezione</a> si utilizzerà CSS per specificare lo stile.</p> diff --git a/files/it/learn/css/first_steps/index.html b/files/it/learn/css/first_steps/index.html new file mode 100644 index 0000000000..106bf156d6 --- /dev/null +++ b/files/it/learn/css/first_steps/index.html @@ -0,0 +1,43 @@ +--- +title: Iniziare (Esercitazione di CSS) +slug: Conoscere_i_CSS +translation_of: Learn/CSS/First_steps +translation_of_original: Web/Guide/CSS/Getting_started +--- +<p><span id="result_box" lang="it"><span class="hps">Rivolto a</span>i <span class="hps">principianti assoluti</span><span>,</span> <span class="hps">questa <strong>esercitazione di </strong></span><strong><span class="hps">CSS</span></strong> <span class="hps">per principianti</span> <span class="hps">presenta</span> il </span><a href="https://developer.mozilla.org/en-US/docs/CSS" title="/en-US/docs/CSS">Cascading Style Sheets</a><span id="result_box" lang="it"> <span class="atn hps">(</span><span>CSS)</span><span>.</span> <span class="hps">Guida l'utente</span> <span class="hps">attraverso le</span> <span class="hps">caratteristiche di base del linguaggio </span><span class="hps">con</span> <span class="hps">esempi pratici</span> <span class="hps">che possono essere provati</span> <span class="hps">sul proprio computer</span> <span class="hps">e illustra</span> <span class="hps">le caratteristiche standard</span> <span class="hps">di CSS</span> <span class="hps">che funzionano</span> <span class="hps">nei moderni browser</span><span class="hps">.</span></span></p> + +<p>Questa esercitazione è principalmente per principianti di CSS, ma va bene anche per chi ha qualche conoscenza base di CSS. Se sei un esperto di CSS qusta esercitazione probabilmente non è molto utile, la pagina principale di CSS elenca risorse più avanzate.</p> + +<nav class="fancyTOC"><a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/What_is_CSS" title="Chapter 'What is CSS' of the CSS tutorial">Cos'è CSS</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Why_use_CSS" title="Chapter 'Why use CSS' of the CSS tutorial">Perchè usare CSS</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/How_CSS_works" title="Chapter 'How CSS works' of the CSS tutorial">Come lavora CSS</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Cascading_and_inheritance" title="Chapter 'Cascading and inheritance' of the CSS tutorial">Cascata e ereditarietà</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Selectors" title="Chapter 'Selectors' of the CSS tutorial">Selettori</a><a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Readable_CSS" title="Chapter 'Readable_CSS' of the CSS tutorial"> CSS leggibili</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Text_styles" title="Chapter 'Text_styles' of the CSS tutorial">Stili di testo</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Color" title="Chapter 'Color' of the CSS tutorial">Colore</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Content" title="Chapter 'Content' of the CSS tutorial">Contenuto</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Lists" title="Chapter 'Lists' of the CSS tutorial">Elenchi</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Boxes" title="Chapter 'Boxes' of the CSS tutorial">Box</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Layout" title="Chapter 'Layout' of the CSS tutorial">Impaginazione</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Tables" title="Chapter 'Tables' of the CSS tutorial">Tabelle</a> <a class="button" href="https://developer.mozilla.org/en-US/docs/CSS/Getting_Started/Media" title="Chapter 'Media' of the CSS tutorial">Media</a></nav> + +<h3 id="Di_cosa_hai_bisogno_per_iniziare">Di cosa hai bisogno per iniziare?</h3> + +<p>Per ottenere il massimo da questa esercitazione, hai bisogno di un editor per file di testo e un moderno browser. Devi anche avere una minima conoscenza del loro utilizzo.</p> + +<p>Se non vuoi modificare i file, allora puoi anche solo leggere l'esercitazione e guardare le immagini, ma è il modo meno efficace per imparare.</p> + +<p><strong>Nota: </strong> CSS fornisce un modo di lavorare con il colore, quindi parte di questa esercitazione dipende dal colore. Puoi utilizzare queste parti dell'esercitazione semplicemente se ha un display a colori e una normale visione dei colori.</p> + +<h3 id="Come_utilizzare_questa_esercitazione">Come utilizzare questa esercitazione</h3> + +<p>Per utilizzare questa esercitazione, leggi le pagine attentamente e in sequenza. Se salti una pagina, ti potresti trovare in difficoltà nel compredere le pagine successive.</p> + +<p>In ogni pagina, puoi usare la sezione <em>Informazioni </em>per capire come funziona CSS. Usare la sezione <em>Azione</em> per provare ad utilizzare CSS sul proprio computer.</p> + +<p>Per mettere alla prova la propria comprensione, cogli la sfida alla fine di ogni pagina. Le soluzioni alle sfide sono linkate sotto le sfide stesse, quindi non si ha bisogno di guardarle se non lo si vuole.</p> + +<p>Per comprendere CSS in maggiore profondità, leggere le informazioni che si trovano nei box titolati <em>Maggiori dettagli</em>. Utilizzare i collegamenti presenti per trovare informazioni di riferimento su CSS.</p> + +<h2 id="Esercitazione_Parte_II">Esercitazione Parte II</h2> + +<p>Una seconda parte dell'esercitazione fornisce esempi che mostrano la visibilità di CSS utilizzato con altre tecnologie web e Mozilla</p> + +<ol> + <li><strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/JavaScript" title="en/CSS/Getting_Started/JavaScript">JavaScript</a></strong></li> + <li><strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/SVG_graphics" title="en/CSS/Getting_Started/SVG_graphics">Grafica SVG</a></strong></li> + <li><strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/XML_data" title="en/CSS/Getting_Started/XML_data">Dati XML</a></strong></li> + <li><strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/XBL_bindings" title="en/CSS/Getting_Started/XBL_bindings">Collegamento XBL</a></strong></li> + <li><strong><a href="https://developer.mozilla.org/en/CSS/Getting_Started/XUL_user_interfaces" title="en/CSS/Getting_Started/XUL_user_interfaces">Interfacce utente XUL</a></strong></li> +</ol> + +<p> </p> diff --git a/files/it/learn/css/styling_text/definire_stili_link/index.html b/files/it/learn/css/styling_text/styling_links/index.html index b6bdc7a6fa..b6bdc7a6fa 100644 --- a/files/it/learn/css/styling_text/definire_stili_link/index.html +++ b/files/it/learn/css/styling_text/styling_links/index.html diff --git a/files/it/learn/html/forms/form_validation/index.html b/files/it/learn/forms/form_validation/index.html index 9557758529..9557758529 100644 --- a/files/it/learn/html/forms/form_validation/index.html +++ b/files/it/learn/forms/form_validation/index.html diff --git a/files/it/learn/html/forms/come_costruire_custom_form_widgets_personalizzati/index.html b/files/it/learn/forms/how_to_build_custom_form_controls/index.html index 288fa8e1c2..288fa8e1c2 100644 --- a/files/it/learn/html/forms/come_costruire_custom_form_widgets_personalizzati/index.html +++ b/files/it/learn/forms/how_to_build_custom_form_controls/index.html diff --git a/files/it/learn/html/forms/index.html b/files/it/learn/forms/index.html index 45c0d055dd..45c0d055dd 100644 --- a/files/it/learn/html/forms/index.html +++ b/files/it/learn/forms/index.html diff --git a/files/it/learn/getting_started_with_the_web/gestire_i_file/index.html b/files/it/learn/getting_started_with_the_web/dealing_with_files/index.html index d7c574320b..d7c574320b 100644 --- a/files/it/learn/getting_started_with_the_web/gestire_i_file/index.html +++ b/files/it/learn/getting_started_with_the_web/dealing_with_files/index.html diff --git a/files/it/learn/getting_started_with_the_web/come_funziona_il_web/index.html b/files/it/learn/getting_started_with_the_web/how_the_web_works/index.html index 47fb54afda..47fb54afda 100644 --- a/files/it/learn/getting_started_with_the_web/come_funziona_il_web/index.html +++ b/files/it/learn/getting_started_with_the_web/how_the_web_works/index.html diff --git a/files/it/learn/getting_started_with_the_web/pubbicare_sito/index.html b/files/it/learn/getting_started_with_the_web/publishing_your_website/index.html index 933bd4245c..933bd4245c 100644 --- a/files/it/learn/getting_started_with_the_web/pubbicare_sito/index.html +++ b/files/it/learn/getting_started_with_the_web/publishing_your_website/index.html diff --git a/files/it/learn/getting_started_with_the_web/che_aspetto_avrà_il_tuo_sito_web/index.html b/files/it/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html index 3d3bc69f60..3d3bc69f60 100644 --- a/files/it/learn/getting_started_with_the_web/che_aspetto_avrà_il_tuo_sito_web/index.html +++ b/files/it/learn/getting_started_with_the_web/what_will_your_website_look_like/index.html diff --git a/files/it/learn/html/howto/uso_attributi_data/index.html b/files/it/learn/html/howto/use_data_attributes/index.html index f256a42aaf..f256a42aaf 100644 --- a/files/it/learn/html/howto/uso_attributi_data/index.html +++ b/files/it/learn/html/howto/use_data_attributes/index.html diff --git a/files/it/learn/html/introduction_to_html/fondamenti_di_testo_html/index.html b/files/it/learn/html/introduction_to_html/html_text_fundamentals/index.html index e5496dcb1a..e5496dcb1a 100644 --- a/files/it/learn/html/introduction_to_html/fondamenti_di_testo_html/index.html +++ b/files/it/learn/html/introduction_to_html/html_text_fundamentals/index.html diff --git a/files/it/learn/html/introduction_to_html/i_metadata_nella_head_in_html/index.html b/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index de092cd8b9..de092cd8b9 100644 --- a/files/it/learn/html/introduction_to_html/i_metadata_nella_head_in_html/index.html +++ b/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html diff --git a/files/it/learn/html/multimedia_and_embedding/immagini_reattive/index.html b/files/it/learn/html/multimedia_and_embedding/responsive_images/index.html index cc3dbd7892..cc3dbd7892 100644 --- a/files/it/learn/html/multimedia_and_embedding/immagini_reattive/index.html +++ b/files/it/learn/html/multimedia_and_embedding/responsive_images/index.html diff --git a/files/it/learn/html/multimedia_and_embedding/contenuti_video_e_audio/index.html b/files/it/learn/html/multimedia_and_embedding/video_and_audio_content/index.html index 3c15046cd4..3c15046cd4 100644 --- a/files/it/learn/html/multimedia_and_embedding/contenuti_video_e_audio/index.html +++ b/files/it/learn/html/multimedia_and_embedding/video_and_audio_content/index.html diff --git a/files/it/learn/html/scrivi_una_semplice_pagina_in_html/index.html b/files/it/learn/html/scrivi_una_semplice_pagina_in_html/index.html deleted file mode 100644 index c52f7ca3e2..0000000000 --- a/files/it/learn/html/scrivi_una_semplice_pagina_in_html/index.html +++ /dev/null @@ -1,277 +0,0 @@ ---- -title: Scrivi una semplice pagina in HTML -slug: Learn/HTML/Scrivi_una_semplice_pagina_in_HTML -tags: - - Guide - - HTML - - Principianti - - Web Development -translation_of: Learn/Getting_started_with_the_web -translation_of_original: Learn/HTML/Write_a_simple_page_in_HTML ---- -<div class="summary"> -<p>In questo articolo impareremo come creare una semplice pagina web con il {{Glossary("HTML")}}.</p> -</div> - -<table class="learn-box standard-table"> - <tbody> - <tr> - <th scope="row">Prerequisiti:</th> - <td>Hai bisogno di <a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">un editore di testo</a> e di sapere <a href="/en-US/docs/Learn/Open_a_file_in_a_browser">come aprire un file in un browser</a>.</td> - </tr> - <tr> - <th scope="row">Obiettivo:</th> - <td>Creare una pagina web che puoi visualizzare con il browser.</td> - </tr> - </tbody> -</table> - -<h2 id="Sommario">Sommario</h2> - -<p>La semplice pagina web è solo un documento {{Glossary("HTML")}}.Le uniche cose del quale hai bisogno sono un documento HTML valido sul tuo computer e un web browser.Vediamo come usare HTML {{Glossary("Tag","tags")}} e potrai essere in grado di vedere la pagina che hai creato nel browser.</p> - -<h2 id="Apprendimento_attivo">Apprendimento attivo</h2> - -<p>Prima di tutto accertiamoci di avere un editore di testo che sia comodo e un web browser funzionante. Praticamente qualsiasi editore di testo può farlo, ad esempio Notepad in Windows o TextEdit sul Mac, ma assicurati di avere creato un semplice documento di testo (solo caratteri senza alcun supporto di formattazione). Se vuoi usare TextEdit sul MAc scegli "Make Plain Text" dal menu "Format.</p> - -<h3 id="Primo_passo_Un_file">Primo passo: Un file</h3> - -<p>una singola pagina web è fatta (almeno) da un file HTML, così inziamo a creare una di quelle che lo comporranno. Apri il tuo editore di testo e crea un nuovo file di testo poi scrivi qualcosa come nell'esempio:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> -</head> -<body> - This is a page - a simple page -</body> -</html></pre> - -<p>Se vuoi puoi apportare delle modifiche rispetto all'esempio sentiti libero di aggiungere o cambiare il testo nel body o nel title e poi salva il file. Assicurati in fine di dare un nome al file con estensione ".html". Per esempio, potresti nominarla "my_page.html".</p> - -<p>Adesso dovresti avere un file sul tuo computer che assomiglia a questo esempio nella cartella (lla somiglianza dipende dal tuo sistema opertivo):</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8383/Capture%20du%202014-08-20%2021:20:25.png" style="height: 72px; width: 365px;"></p> - -<p>Facendo un doppio click sul file si aprirà nel browser, per aprire il file direttamente sull' editore di testo al fine di modificarlo puoi: fare click con il tasto destro e scegliere di aprire il documento nell'editore di testo; oppure trascinare il documento all'interno dell'editore od aprire il documento scegliendo "Open" dal menu dell'editore "File". La somiglianza all'esempio che vedi sotto dipende dall'editore che utilizzi:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8385/Capture%20du%202014-08-20%2021:24:06.png" style="height: 180px; width: 311px;"></p> - -<h3 id="Secondo_passo_Un_web_browser">Secondo passo: Un web browser</h3> - -<p>All'interno del file explorer (come Windows Explorer, Finder sul Mac, o Files in Ubuntu), trovi il documento che hai appena creato e lo apri con il browser (fai doppio click o lo trascini nell'icona del browser). Adesso il browser mostra il testo dal file HTML che hai creato e il tab mostra il titolo della pagina il tutto potrebbe assomigliare all'esempio che visualizzi sotto ,fermo restando che la visalizzazione cambia a seconda della piattaforma e del browser da te utilizzati:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8387/Capture%20du%202014-08-20%2021:28:22.png" style="border-style: solid; border-width: 1px; height: 111px; width: 513px;"></p> - -<p>Come puoi vedere il contenuto del tag body corrisponde al contenuto della pagina e il contenuto del tag title da te scelto è mostrato nel tab, ma le due linee di testo non sono scritte su due differente ma su un'unica linea. Interessante.</p> - -<h3 id="Terzo_passo_Sperimenta_e_impara">Terzo passo: Sperimenta e impara</h3> - -<p>Prova a rimuovere parti dell' HTML e guarda cosa accade. Alcuni cambiamenti ti permetteranno di mostrare la pagina nel browser ed altri daranno risultati sbagliati.Ciò Accade perchè il browser cerca di compensare alcuni errori comuni.</p> - -<p>La prima cosa da notare è che l'unica cosa che vedi sullo schermo è il testo che non è all'interno delle parentesi angolate (altrimenti conosciute come i simboli di maggiore e minore ma che chiamiamo parentesi angolate quando parliamo di HTML). Ogni cosa all'interno delle parentesi angolate è un{{Glossary("tag")}}, che rappresenta una struttura o scheletro della pagina web.Tutti i contenuti mostrati sono racchiusi tra i tags.</p> - -<p>Il nostro esempio di pagina HTML ha due grandi sezioni: un intestazione contenuta all'interno {{HTMLElement("head")}} elemento blocco "block", ed un corpo, contenuto {{HTMLElement("body")}}. Il corpo contiene il testo mostrato all'interno della pagina web.</p> - -<p>Ogni tag ha un significato specifico e può essere usato di conseguenza. Per esempio {{HTMLElement("title")}} è usato per indicare il titolo della pagina che può differire dal nome del file, nota che anche che i tag possono presentaresi all'interno del contenuto di altri tags. L'{{HTMLElement("title")}} è contenuto all'interno {{HTMLElement("head")}}, per esempio.</p> - -<p>Se vuoi inserire qualcosa come un immagine hai bisogno di aggiungere un tag per l'immagine e la stessa immagine all'interno.Per esempio:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> -</head> -<body> - This is a page - a simple page - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> - now with a unicorn -</body> -</html></pre> - -<p>Modifica il file per includere il tag {{HTMLElement("img")}} come questo:</p> - -<pre class="brush: html"><img src="unicorn_pic.png" alt="Unicorn picture :)" /></pre> - -<p>Può essere inserito in qualsiasi parte {{HTMLElement("body")}} non dimenticare di salvare i cambiamenti apportati alla pagina!</p> - -<p>Poi inserisci un file nominato "unicorn_pic.png" nella stessa cartella del documento HTML.Quando avrai aggiornato la finestra del browser o riaperto il documento, vedrai i cambiamenti di contenuto, completa con unicorno!(non dimenticare di salvare la pagina).</p> - -<p><img alt="Original file for the unicorn image" src="https://mdn.mozillademos.org/files/8495/unicorn_pic.png" style="height: 300px; width: 242px;"></p> - -<div class="note"> -<p><strong>Nota:</strong> Puoi prendere una copia dell'immagine dell'unicorno per usarla nei tuoi sperimenti cliccando con il tasto destro sopra l'immagine e scegliendo "Save image As..." dal menu che appare.</p> -</div> - -<p>I documenti necessari perchè questa pagina funzioni adesso assomigliano a qualcosa di questo genere nel desktop:</p> - -<p><img alt="Screenshot of the explorer with 2 files : a html file and a picture file" src="https://mdn.mozillademos.org/files/8389/Capture%20du%202014-08-20%2021:37:14.png" style="height: 69px; width: 405px;"></p> - -<p>Il risultato mostrato nel browser è questo:</p> - -<p><img alt="Screenshot for the example with a picture" src="https://mdn.mozillademos.org/files/8499/Capture%20du%202014-09-04%2021:39:16.png" style="border-style: solid; border-width: 1px; height: 404px; width: 664px;"></p> - -<p>Come hai notato il tag{{HTMLElement("img")}} ha<strong> {{Glossary("attribute","attributes")}} </strong>che dà informazioni addizionali necessarie a costruire l'oggetto richiesto in questo caso il nome del file dell'immagine da mostrare e il testo alternativo qualora l'immagine non possa essere caricata.</p> - -<p>Questo è un esempio di come aggiungere un'immagine alla pagina, ma puoi usare una tecnica similare per aggiungere musica, video e molto altro tutto usando nient'altro che l'HTML.</p> - -<h2 id="Più_in_profondità">Più in profondità</h2> - -<h3 id="Questa_non_è_una_pagina_web_molto_carina">Questa non è una pagina web molto carina</h3> - -<p>Come avrai notato questa pagina non è certo un miracolo di design e bellezza, questo perchè HTML è tutto ciò che riguarda il contenuto e ciò che il contenuto significa (in termini del suo contesto e la relazione tra i blocchi di contenuto), piuttosto che design.</p> - -<p>{{Glossary("CSS")}} ti permette di fare contenuti scintillanti aggiungendo layout, colore, font e così via. Un puro HTML è buono abbastanza per costruire semplici pagine web, ma pagine più complesse (o sebbene semplici con un design accattivante) hanno bisogno del CSS e possibilmente {{Glossary("JavaScript")}}. HTML costruisce il contenuto, CSS gli stili e JavaScript rende il contenuto dinamico.</p> - -<p>Sperimentiamo un poco con il CSS trasformando il testo contenuto nel tag body da nero a blue:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Hi there</title> - <style> - body { - color: blue; - } - </style> -</head> - <body> - <p>This is a some blue text</p> - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> - </body> -</html></pre> - -<p>Nota l'aggiunta{{HTMLElement("style")}} alla pagina all'interno{{HTMLElement("head")}}. Questo specifica quale caratteristica CSS sarà da applicare al testo contenuto nel tag body.</p> - -<p>Vuoi il testo sottolineato? prova ad aggiungere la regola "text-decoration: underline;" allo style:</p> - -<pre class="brush: css">body { - color: blue; - text-decoration: underline; -}</pre> - -<p>Vuoi che il tuo testo abbia una misura ben precisa?Prova aggiungendo "font-size: 42px;" come in esempio:</p> - -<pre class="brush: css">body { - color: blue; - text-decoration: underline; - font-size: 42px; -}</pre> - -<p>Il risultato finale sarà questo:</p> - -<pre class="brush: html"><html> -<head> - <title>Hi there</title> - <style> - body { - color: blue; - text-decoration: underline; - font-size: 42px; - } - </style> -</head> -<body> - <p>This is a blue underlined big text</p> - <img src="unicorn_pic.png" alt="Unicorn picture :)" /> -</body> -</html></pre> - -<p>e se salvi la pagina nel tuo editore e poi riaggiorni il browser la pagina che vedrai sarà la seguente:</p> - -<p><img alt="Screenshot of the browser with the page with some CSS" src="https://mdn.mozillademos.org/files/8497/Capture%20du%202014-09-04%2021:40:18.png" style="border-style: solid; border-width: 1px; height: 494px; width: 743px;"></p> - -<h3 id="Andiamo_alla_seconda_pagina">Andiamo alla seconda pagina</h3> - -<p>Quando navighi nel Web spesso incontri {{Glossary("hyperlink","links")}}, il modo più utile per navigare da una pagina all'altra. Dal momento in cui l'HTML si occupa del contenuto e i link sono il modulo del contenuto, puoi creare collegamenti tra le pagine utilizzando soltanto l'HTML.</p> - -<h4 id="Collega_due_pagine_locali">Collega due pagine locali</h4> - -<p>Per questo esercizio abbiamo bisogno di creare un secondo documento HTML sul computer aggiungiamo un link ad ogni pagina così possiamo passare velocemente avanti e indietro tra esse.</p> - -<p>Nel primo documento possiamo tenere la stessa struttura di prima, la cosa importante è aggiungere un nuovo tag {{HTMLElement("a")}}, così:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Page 1 to ground control</title> -</head> -<body> - This is page 1. - <a href="page2.html" title="to page 2">What is going on on page 2?</a> -</body> -</html></pre> - -<p>La seconda pagina avrà un link che ci fa tornare alla prima pagina:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>Page 2 :)</title> -</head> -<body> - This is a page 2. - <a href="page1.html" title="to page 1"><span>Want to go back to page 1? Click here</span></a> -</body> -</html></pre> - -<div class="note"> -<p><strong>Nota:</strong>Assicurati che il nome del file {{HTMLElement("a")}} tag con attributo href sia lo stesso nome del documento creato nel tuo computer.</p> -</div> - -<p>Puoi adesso navigare tra i due documenti HTML apri la page 1 nel browser e fai click nel link per aprire la page 2 e viceversa. Puoi inoltre testare il bottone "previous" nel tuo browser esso dovrebbe portarti all'ultima pagina visitata.</p> - -<p>Il documento principale dovrebbe avere i due documenti nella stessa cartella, in questa maniera:</p> - -<p><img alt="Screenshot of the file explorer with two HTML documents in one directory/folder" src="https://mdn.mozillademos.org/files/8395/Capture%20du%202014-08-20%2022:06:05.png" style="height: 92px; width: 595px;"></p> - -<p>La Page 1 sarà così visualizzata nel browser:</p> - -<p><img alt="Screenshot of a file explorer with a html file for local test" src="https://mdn.mozillademos.org/files/8397/Capture%20du%202014-08-20%2022:11:31.png" style="border-style: solid; border-width: 1px; height: 114px; width: 365px;"></p> - -<p>e la Page 2 sarà così visualizzata nel browser dopo aver fatto click sul link di Page 1:</p> - -<p><img alt="Screenshot of the 2nd page of the 2 pages example in the browser" src="https://mdn.mozillademos.org/files/8401/Capture%20du%202014-08-20%2022:15:17.png" style="border-style: solid; border-width: 1px; height: 116px; width: 366px;"></p> - -<div class="note"> -<p><strong>Nota:</strong>Il link che torna alla page 1 è violetto perchè il browser "sa" che in precedenza avevamo visitato la Page 1</p> -</div> - -<p>Se vuoi puoi fare la prova creando più pagine o passare alla prossima sezione per portare tutto questo al lvello successivo.</p> - -<h4 id="Collegamento_ad_un_altra_pagina_web">Collegamento ad un altra pagina web</h4> - -<p>In questo esercizio aggiungiamo un link al documento HTML così che il lettore possa velocemente prendere alcune pagine utili nel Web. Puoi collegare qualsiasi cosa sia disponibile nel Web pubblico, prova a creare un collegamento con Wikipedia:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html> -<head> - <title>My page</title> -</head> -<body> - One day,...Unicorns are great...See you. - <a href="https://en.wikipedia.org/wiki/Unicorn" title="Unicorn page on Wikipedia"><span>Want to go know more about unicorns? Wikipedia is right here</span></a> -</body> -</html></pre> - -<p>Potrebbe più o meno assomigliare a questo nel browser:</p> - -<p><img alt="Screenshot of the example page with a link to Wikipedia in the browser" src="https://mdn.mozillademos.org/files/8403/Capture%20du%202014-08-20%2022:22:24.png" style="height: 158px; width: 861px;"></p> - -<p>Passando il puntatore del mouse sopra il link vedrai l'attributo{{htmlattrxref("title")}} mostrato in un <strong>tooltip.</strong>Questo può essere usato per dare maggiori informazioni sul link così che l'utente possa fare una scelta formazioni tra il cliccare su esso o meno.</p> - -<div class="note"> -<p><strong>Ricorda:</strong> Ogni volta che modifichi la pagina non dimenticare di salvare il documento sull'editor e di aggiornare la pagina sul browser così che possa vedere i cambiamenti fatti.</p> -</div> - -<h2 id="Prossimi_passi">Prossimi passi</h2> - -<ul> - <li><a href="/en-US/docs/Learn/HTML/HTML_tags">Come usare un tag HTML</a>: Ci sono molti tag in HTML qui abbiamo visto solo i base, puoi trovare delle ulteriori risorse qui.</li> - <li><a href="/en-US/docs/Learn/Anatomy_of_a_web_page">Anatomia della pagina web</a>: HTML ha alcune regole e una pagina può avere molto contenuto questo può aiutare a comprendere pagine più complesse come quelle usate in alcuni dei più famosi siti nel Web!</li> - <li><a href="/en-US/docs/Learn/Understanding_links_on_the_web">Comprendere i link</a>: Abbiamo usato esempi molto semplici con i link questo articolo è per te se vuoi capire perchè i "links" sono l'origine del nome del "Web".</li> - <li><a href="/en-US/docs/Learn/Using_images">Usare le immagini</a> and <a href="/en-US/docs/Learn/Adding_audio_and_video">aggiungere audio e video</a> sono utili per aggiungere del contenuto multimediale con il semplice HTML.</li> -</ul> diff --git a/files/it/learn/javascript/first_steps/variabili/index.html b/files/it/learn/javascript/first_steps/variables/index.html index 38da82e607..38da82e607 100644 --- a/files/it/learn/javascript/first_steps/variabili/index.html +++ b/files/it/learn/javascript/first_steps/variables/index.html diff --git a/files/it/learn/javascript/first_steps/cosa_è_andato_storto/index.html b/files/it/learn/javascript/first_steps/what_went_wrong/index.html index 1fa4343de8..1fa4343de8 100644 --- a/files/it/learn/javascript/first_steps/cosa_è_andato_storto/index.html +++ b/files/it/learn/javascript/first_steps/what_went_wrong/index.html diff --git a/files/it/learn/javascript/comefare/index.html b/files/it/learn/javascript/howto/index.html index 275eb0cf8d..275eb0cf8d 100644 --- a/files/it/learn/javascript/comefare/index.html +++ b/files/it/learn/javascript/howto/index.html diff --git a/files/it/learn/javascript/oggetti/basics/index.html b/files/it/learn/javascript/objects/basics/index.html index 539df5c2e0..539df5c2e0 100644 --- a/files/it/learn/javascript/oggetti/basics/index.html +++ b/files/it/learn/javascript/objects/basics/index.html diff --git a/files/it/learn/javascript/oggetti/index.html b/files/it/learn/javascript/objects/index.html index 5fa859db74..5fa859db74 100644 --- a/files/it/learn/javascript/oggetti/index.html +++ b/files/it/learn/javascript/objects/index.html diff --git a/files/it/learn/javascript/oggetti/json/index.html b/files/it/learn/javascript/objects/json/index.html index 71cf166e15..71cf166e15 100644 --- a/files/it/learn/javascript/oggetti/json/index.html +++ b/files/it/learn/javascript/objects/json/index.html diff --git a/files/it/learn/server-side/django/introduzione/index.html b/files/it/learn/server-side/django/introduction/index.html index 4eb36683eb..4eb36683eb 100644 --- a/files/it/learn/server-side/django/introduzione/index.html +++ b/files/it/learn/server-side/django/introduction/index.html |