Apri l'app

Materie

Introduzione ad HTML: Guida Completa con Esempi

35

0

user profile picture

Elisa

15/12/2025

Informatica

Introduzione ad HTML

1715

15 dic 2025

10 pagine

Introduzione ad HTML: Guida Completa con Esempi

user profile picture

Elisa

@nxctis

Vuoi creare le tue prime pagine web ma non sai... Mostra di più

Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
Page 8
Page 9
Page 10
1 / 10
1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Le basi dell'HTML

Ogni pagina web che visiti è scritta in HTML (HyperText Markup Language). Non farti spaventare dal nome tecnico: è semplicemente un modo per dire al browser "mostra questo testo in grassetto" o "crea un collegamento qui".

L'HTML funziona con dei tag racchiusi tra parentesi angolari. Ogni tag ha un inizio e una fine, tipo <p>Questo è un paragrafo</p>. Il testo tra i tag viene modificato secondo le istruzioni che dai.

Per creare una pagina HTML ti basta un editor di testo come il Blocco Note! Scrivi il codice, salva il file con estensione .html e aprilo con qualsiasi browser. È davvero così semplice.

Ricorda: Ogni documento HTML deve iniziare con <!DOCTYPE html> e avere la struttura base con i tag <html>, <head> e <body>.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Struttura e annidamento degli elementi

Un documento HTML ha una struttura precisa che devi rispettare. La sezione <head> contiene informazioni nascoste come il titolo della pagina, mentre <body> contiene tutto quello che gli utenti vedranno.

Gli elementi HTML possono essere annidati, cioè un tag può contenerne altri. È come le scatole cinesi: puoi mettere un paragrafo dentro una sezione, e del testo in grassetto dentro il paragrafo.

Gli attributi forniscono informazioni extra agli elementi. Si scrivono sempre nel tag di apertura con la sintassi nomeAttributo="valore". Le intestazioni vanno da <h1> (più importante) a <h6> (meno importante).

Trucco: L'HTML ignora spazi e a capo che fai con la tastiera. Per andare a capo usa <br/>, per aggiungere spazi usa &nbsp;.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

I tag HTML essenziali

Ecco i tag HTML che userai più spesso e che devi assolutamente conoscere. <p> crea paragrafi, <b> rende il testo grassetto, <i> lo mette in corsivo.

Per le liste usa <ul> per elenchi puntati e <ol> per quelli numerati, sempre con <li> per ogni elemento. Le immagini si inseriscono con <img src="nome.jpg">.

I collegamenti si creano con <a href="pagina.html">testo del link</a>. Per le tabelle hai bisogno di <table>, <tr> per le righe e <td> per le celle.

Consiglio: Non cercare di memorizzare tutti i tag subito. Inizia con paragrafi, intestazioni e link, poi aggiungi il resto man mano che ti servono.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Creare e stilizzare la tua prima pagina

Aprire il Blocco Note, digitare il codice HTML base e salvare con estensione .html - ecco fatto, hai creato la tua prima pagina web! Un doppio click sull'icona e si aprirà nel browser.

L'attributo style ti permette di cambiare l'aspetto degli elementi. Puoi modificare colori, font, dimensioni e allineamento direttamente nel tag HTML usando la sintassi style="proprietà:valore".

Le proprietà di stile più utili sono color per il colore del testo, background-color per lo sfondo, font-family per il tipo di carattere e text-align per l'allineamento.

Esempio pratico: <body style="background-color:yellow; color:blue"> ti darà uno sfondo giallo con testo blu.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Immagini e link dinamici

Le immagini HTML si inseriscono con il tag <img> che non ha tag di chiusura. L'attributo src indica dove si trova l'immagine, mentre width e height ne controllano le dimensioni.

Puoi usare immagini dalla tua cartella, da sottocartelle o anche da altri siti web. Se il browser non trova l'immagine, mostrerà un'icona rotta.

I link ipertestuali sono il cuore del web! Il tag <a href="destinazione">testo cliccabile</a> può portare a pagine locali, siti esterni o punti specifici della stessa pagina.

Trucco avanzato: Puoi usare un'immagine come link mettendo il tag <img> dentro il tag <a>. Perfetto per creare pulsanti grafici!

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Link avanzati e liste strutturate

I colori dei link cambiano automaticamente: blu per quelli non visitati, viola per quelli già cliccati, rosso quando sono attivi. Puoi personalizzare questi colori con gli stili CSS per adattarli al design della tua pagina.

Le liste HTML sono perfette per organizzare informazioni. <ul> crea elenchi puntati, <ol> elenchi numerati. Puoi anche annidare le liste mettendo una lista dentro un elemento <li> di un'altra lista.

Combinare liste ordinate e non ordinate ti permette di creare strutture complesse e ben organizzate, ideali per menu di navigazione o indici dei contenuti.

Suggerimento: Le liste annidate sono ottime per creare menu a cascata o strutture gerarchiche di informazioni.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Tabelle HTML per organizzare i dati

Le tabelle HTML sono essenziali quando devi presentare dati in righe e colonne. La struttura base prevede <table> per la tabella, <tr> per le righe, <th> per le intestazioni e <td> per le celle normali.

L'attributo border="1" aggiunge i bordi visibili alla tabella. Senza questo attributo, la tabella sarà invisibile ma manterrà la sua struttura di organizzazione dei contenuti.

Puoi formattare le tabelle con diversi attributi per controllare larghezza, spaziatura e allineamento. Ogni riga e ogni cella può avere i propri stili personalizzati.

Nota importante: Le tabelle moderne si usano principalmente per dati tabulari, non per il layout delle pagine (per quello si usa CSS).

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Form HTML per raccogliere dati

I form HTML sono moduli che permettono agli utenti di inserire e inviare informazioni. Il tag <form> racchiude tutti gli elementi di input come caselle di testo, pulsanti e menu di selezione.

Gli elementi principali sono <input> (che cambia comportamento secondo l'attributo type), <label> per le etichette, <select> per i menu a tendina e <textarea> per testi lunghi.

Un form base include campi di testo per nome, cognome ed email, più un pulsante di invio creato con <input type="submit">. Le etichette <label> rendono il form più accessibile e professionale.

Consiglio pratico: Usa sempre le etichette <label> associate ai tuoi campi di input per migliorare l'usabilità del form.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Introduzione ai CSS - Stili interni

CSS (Cascading Style Sheets) trasforma le tue pagine HTML da semplici documenti di testo in siti web attraenti. Ci sono tre modi per applicare gli stili: inline, interni ed esterni.

Lo stile interno si definisce nella sezione <head> con il tag <style>. Qui scrivi regole che si applicano a tutti gli elementi di quel tipo nella pagina, usando la sintassi elemento {proprietà:valore}.

Gli stili interni sono perfetti quando vuoi uno stile specifico per una singola pagina. Puoi definire colori, font e dimensioni per intestazioni, paragrafi e qualsiasi altro elemento HTML.

Vantaggio: Con un solo stile interno puoi modificare l'aspetto di tutti i paragrafi o tutte le intestazioni della pagina contemporaneamente.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

CSS esterni per progetti professionali

I fogli di stile esterni sono la soluzione professionale per progetti con più pagine. Crei un file .css separato e lo colleghi alle tue pagine HTML con il tag <link> nella sezione <head>.

Questo approccio separa completamente il contenuto dalla presentazione. Cambiando il file CSS puoi modificare l'aspetto di tutte le pagine del sito istantaneamente, senza toccare il codice HTML.

Gli stili esterni rendono il codice più pulito, facilitano la manutenzione e permettono di riutilizzare gli stessi stili su più pagine. È il metodo che usano tutti i siti web professionali.

Best practice: Usa sempre fogli di stile esterni per progetti con più di una pagina - ti farà risparmiare ore di lavoro!



Pensavamo che non l'avreste mai chiesto....

Che cos'è l'assistente AI di Knowunity?

Il nostro assistente AI è costruito specificamente per le esigenze degli studenti. Sulla base dei milioni di contenuti presenti sulla piattaforma, possiamo fornire agli studenti risposte davvero significative e pertinenti. Ma non si tratta solo di risposte, l'assistente è in grado di guidare gli studenti attraverso le loro sfide quotidiane di studio, con piani di studio personalizzati, quiz o contenuti nella chat e una personalizzazione al 100% basata sulle competenze e sugli sviluppi degli studenti.

Dove posso scaricare l'applicazione Knowunity?

È possibile scaricare l'applicazione dal Google Play Store e dall'Apple App Store.

Knowunity è davvero gratuita?

Sì, hai accesso completamente gratuito a tutti i contenuti nell'app e puoi chattare o seguire i Creatori in qualsiasi momento. Sbloccherai nuove funzioni crescendo il tuo numero di follower. Inoltre, offriamo Knowunity Premium, che consente di studiare senza alcun limite!!

Non c'è niente di adatto? Esplorare altre aree tematiche.

Recensioni dei nostri utenti. Ci adorano - e anche tu, vedrai .

4.9/5

App Store

4.8/5

Google Play

L'applicazione è molto facile da usare e ben progettata. Finora ho trovato tutto quello che cercavo e ho potuto imparare molto dalle presentazioni! Utilizzerò sicuramente l'app per i compiti in classe! È molto utile anche come fonte di ispirazione.

Stefano S

utente iOS

Questa applicazione è davvero grande! Ci sono tantissimi appunti e aiuti con lo studio [...]. La mia materia problematica, per esempio, è il francese e l'app ha così tante opzioni per aiutarmi. Grazie a questa app ho migliorato il mio francese. La consiglio a tutti.

Samantha Klich

utente Android

Wow, sono davvero stupita. Ho appena provato l'app perché l'ho vista pubblicizzata molte volte e sono rimasta assolutamente sbalordita. Questa app è L'AIUTO che cercate per la scuola e soprattutto offre tantissime cose, come allenamenti e schede, che a me personalmente sono state MOLTO utili.

Anna

utente iOS

È bellissima questa app, la adoro. È utilissima per lo studio e mi aiuta molto, anzi moltissimo, ma soprattutto mi aiutano molto i quiz, per memorizzare anche quello che non sapevo

Anastasia

utente Android

Fantastica per qualsiasi materia avere gli appunti anche di altre persone è molto utile perchè posso confrontarmi e vedere come migliorarmi. con i quiz riesco ad apprendere al meglio.

Francesca

utente Android

moooolto utile,gli appunti sono belli e funzionanti,schoolGPT da dei consigli formidabili!!

Marianna

utente Android

L'applicazione è semplicemente fantastica! Tutto ciò che devo fare è inserire l'argomento nella barra di ricerca e ottengo la risposta molto velocemente. Non devo guardare 10 video di YouTube per capire qualcosa, quindi risparmio tempo. Consigliatissima!

Sudenaz Ocak

utente Android

A scuola andavo malissimo in matematica, ma grazie a questa applicazione ora vado meglio. Vi sono molto grato per aver creato questa app.

Greenlight Bonnie

utente Android

Knowunity è un applicazione fantastica,considerando che ha degli schemi veramente molto carini e sfiziosi e che ci sono dei quiz,oltre al fatto che questa cosa dell intelligenza artificiale "school gpt" è almeno per me molto utile, perché a differenza di Chatgpt ti da le spiegazioni, ti spiega ciò che non è chiaro! Posso studiare più velocemente tramite gli schemi e che posso pubblicare io stessa gli schemi è una funzione utilissima per gli altri studenti. Knowunity è PERFETTA

Aurora

utente Android

L’app funziona benissimo e puoi trovare qualsiasi tipo di informazione. Non ho l’abbonamento ma la parte gratuita è sufficiente per uno studio approfondito.

Martina

utente iOS

in questi ultimi mesi di scuola dove il tempo è ormai poco, mi sta aiutando molto perché piuttosto che farmi io gli schemi su quello che leggo sul libro guardo questi già fatti e li uso come ripasso piuttosto che rileggermi tutto il libro

Chiara

utente IOS

Questa app è una delle migliori, nient’altro da dire.

Andrea

utente iOS

L'applicazione è molto facile da usare e ben progettata. Finora ho trovato tutto quello che cercavo e ho potuto imparare molto dalle presentazioni! Utilizzerò sicuramente l'app per i compiti in classe! È molto utile anche come fonte di ispirazione.

Stefano S

utente iOS

Questa applicazione è davvero grande! Ci sono tantissimi appunti e aiuti con lo studio [...]. La mia materia problematica, per esempio, è il francese e l'app ha così tante opzioni per aiutarmi. Grazie a questa app ho migliorato il mio francese. La consiglio a tutti.

Samantha Klich

utente Android

Wow, sono davvero stupita. Ho appena provato l'app perché l'ho vista pubblicizzata molte volte e sono rimasta assolutamente sbalordita. Questa app è L'AIUTO che cercate per la scuola e soprattutto offre tantissime cose, come allenamenti e schede, che a me personalmente sono state MOLTO utili.

Anna

utente iOS

È bellissima questa app, la adoro. È utilissima per lo studio e mi aiuta molto, anzi moltissimo, ma soprattutto mi aiutano molto i quiz, per memorizzare anche quello che non sapevo

Anastasia

utente Android

Fantastica per qualsiasi materia avere gli appunti anche di altre persone è molto utile perchè posso confrontarmi e vedere come migliorarmi. con i quiz riesco ad apprendere al meglio.

Francesca

utente Android

moooolto utile,gli appunti sono belli e funzionanti,schoolGPT da dei consigli formidabili!!

Marianna

utente Android

L'applicazione è semplicemente fantastica! Tutto ciò che devo fare è inserire l'argomento nella barra di ricerca e ottengo la risposta molto velocemente. Non devo guardare 10 video di YouTube per capire qualcosa, quindi risparmio tempo. Consigliatissima!

Sudenaz Ocak

utente Android

A scuola andavo malissimo in matematica, ma grazie a questa applicazione ora vado meglio. Vi sono molto grato per aver creato questa app.

Greenlight Bonnie

utente Android

Knowunity è un applicazione fantastica,considerando che ha degli schemi veramente molto carini e sfiziosi e che ci sono dei quiz,oltre al fatto che questa cosa dell intelligenza artificiale "school gpt" è almeno per me molto utile, perché a differenza di Chatgpt ti da le spiegazioni, ti spiega ciò che non è chiaro! Posso studiare più velocemente tramite gli schemi e che posso pubblicare io stessa gli schemi è una funzione utilissima per gli altri studenti. Knowunity è PERFETTA

Aurora

utente Android

L’app funziona benissimo e puoi trovare qualsiasi tipo di informazione. Non ho l’abbonamento ma la parte gratuita è sufficiente per uno studio approfondito.

Martina

utente iOS

in questi ultimi mesi di scuola dove il tempo è ormai poco, mi sta aiutando molto perché piuttosto che farmi io gli schemi su quello che leggo sul libro guardo questi già fatti e li uso come ripasso piuttosto che rileggermi tutto il libro

Chiara

utente IOS

Questa app è una delle migliori, nient’altro da dire.

Andrea

utente iOS

 

Informatica

1715

15 dic 2025

10 pagine

Introduzione ad HTML: Guida Completa con Esempi

user profile picture

Elisa

@nxctis

Vuoi creare le tue prime pagine web ma non sai da dove iniziare? L'HTML è il linguaggio base che rende possibile ogni sito che vedi online. È più semplice di quanto pensi: non è un linguaggio di programmazione complesso, ma... Mostra di più

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Le basi dell'HTML

Ogni pagina web che visiti è scritta in HTML (HyperText Markup Language). Non farti spaventare dal nome tecnico: è semplicemente un modo per dire al browser "mostra questo testo in grassetto" o "crea un collegamento qui".

L'HTML funziona con dei tag racchiusi tra parentesi angolari. Ogni tag ha un inizio e una fine, tipo <p>Questo è un paragrafo</p>. Il testo tra i tag viene modificato secondo le istruzioni che dai.

Per creare una pagina HTML ti basta un editor di testo come il Blocco Note! Scrivi il codice, salva il file con estensione .html e aprilo con qualsiasi browser. È davvero così semplice.

Ricorda: Ogni documento HTML deve iniziare con <!DOCTYPE html> e avere la struttura base con i tag <html>, <head> e <body>.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Struttura e annidamento degli elementi

Un documento HTML ha una struttura precisa che devi rispettare. La sezione <head> contiene informazioni nascoste come il titolo della pagina, mentre <body> contiene tutto quello che gli utenti vedranno.

Gli elementi HTML possono essere annidati, cioè un tag può contenerne altri. È come le scatole cinesi: puoi mettere un paragrafo dentro una sezione, e del testo in grassetto dentro il paragrafo.

Gli attributi forniscono informazioni extra agli elementi. Si scrivono sempre nel tag di apertura con la sintassi nomeAttributo="valore". Le intestazioni vanno da <h1> (più importante) a <h6> (meno importante).

Trucco: L'HTML ignora spazi e a capo che fai con la tastiera. Per andare a capo usa <br/>, per aggiungere spazi usa &nbsp;.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

I tag HTML essenziali

Ecco i tag HTML che userai più spesso e che devi assolutamente conoscere. <p> crea paragrafi, <b> rende il testo grassetto, <i> lo mette in corsivo.

Per le liste usa <ul> per elenchi puntati e <ol> per quelli numerati, sempre con <li> per ogni elemento. Le immagini si inseriscono con <img src="nome.jpg">.

I collegamenti si creano con <a href="pagina.html">testo del link</a>. Per le tabelle hai bisogno di <table>, <tr> per le righe e <td> per le celle.

Consiglio: Non cercare di memorizzare tutti i tag subito. Inizia con paragrafi, intestazioni e link, poi aggiungi il resto man mano che ti servono.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Creare e stilizzare la tua prima pagina

Aprire il Blocco Note, digitare il codice HTML base e salvare con estensione .html - ecco fatto, hai creato la tua prima pagina web! Un doppio click sull'icona e si aprirà nel browser.

L'attributo style ti permette di cambiare l'aspetto degli elementi. Puoi modificare colori, font, dimensioni e allineamento direttamente nel tag HTML usando la sintassi style="proprietà:valore".

Le proprietà di stile più utili sono color per il colore del testo, background-color per lo sfondo, font-family per il tipo di carattere e text-align per l'allineamento.

Esempio pratico: <body style="background-color:yellow; color:blue"> ti darà uno sfondo giallo con testo blu.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Immagini e link dinamici

Le immagini HTML si inseriscono con il tag <img> che non ha tag di chiusura. L'attributo src indica dove si trova l'immagine, mentre width e height ne controllano le dimensioni.

Puoi usare immagini dalla tua cartella, da sottocartelle o anche da altri siti web. Se il browser non trova l'immagine, mostrerà un'icona rotta.

I link ipertestuali sono il cuore del web! Il tag <a href="destinazione">testo cliccabile</a> può portare a pagine locali, siti esterni o punti specifici della stessa pagina.

Trucco avanzato: Puoi usare un'immagine come link mettendo il tag <img> dentro il tag <a>. Perfetto per creare pulsanti grafici!

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Link avanzati e liste strutturate

I colori dei link cambiano automaticamente: blu per quelli non visitati, viola per quelli già cliccati, rosso quando sono attivi. Puoi personalizzare questi colori con gli stili CSS per adattarli al design della tua pagina.

Le liste HTML sono perfette per organizzare informazioni. <ul> crea elenchi puntati, <ol> elenchi numerati. Puoi anche annidare le liste mettendo una lista dentro un elemento <li> di un'altra lista.

Combinare liste ordinate e non ordinate ti permette di creare strutture complesse e ben organizzate, ideali per menu di navigazione o indici dei contenuti.

Suggerimento: Le liste annidate sono ottime per creare menu a cascata o strutture gerarchiche di informazioni.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Tabelle HTML per organizzare i dati

Le tabelle HTML sono essenziali quando devi presentare dati in righe e colonne. La struttura base prevede <table> per la tabella, <tr> per le righe, <th> per le intestazioni e <td> per le celle normali.

L'attributo border="1" aggiunge i bordi visibili alla tabella. Senza questo attributo, la tabella sarà invisibile ma manterrà la sua struttura di organizzazione dei contenuti.

Puoi formattare le tabelle con diversi attributi per controllare larghezza, spaziatura e allineamento. Ogni riga e ogni cella può avere i propri stili personalizzati.

Nota importante: Le tabelle moderne si usano principalmente per dati tabulari, non per il layout delle pagine (per quello si usa CSS).

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Form HTML per raccogliere dati

I form HTML sono moduli che permettono agli utenti di inserire e inviare informazioni. Il tag <form> racchiude tutti gli elementi di input come caselle di testo, pulsanti e menu di selezione.

Gli elementi principali sono <input> (che cambia comportamento secondo l'attributo type), <label> per le etichette, <select> per i menu a tendina e <textarea> per testi lunghi.

Un form base include campi di testo per nome, cognome ed email, più un pulsante di invio creato con <input type="submit">. Le etichette <label> rendono il form più accessibile e professionale.

Consiglio pratico: Usa sempre le etichette <label> associate ai tuoi campi di input per migliorare l'usabilità del form.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

Introduzione ai CSS - Stili interni

CSS (Cascading Style Sheets) trasforma le tue pagine HTML da semplici documenti di testo in siti web attraenti. Ci sono tre modi per applicare gli stili: inline, interni ed esterni.

Lo stile interno si definisce nella sezione <head> con il tag <style>. Qui scrivi regole che si applicano a tutti gli elementi di quel tipo nella pagina, usando la sintassi elemento {proprietà:valore}.

Gli stili interni sono perfetti quando vuoi uno stile specifico per una singola pagina. Puoi definire colori, font e dimensioni per intestazioni, paragrafi e qualsiasi altro elemento HTML.

Vantaggio: Con un solo stile interno puoi modificare l'aspetto di tutti i paragrafi o tutte le intestazioni della pagina contemporaneamente.

1. Cos'è HTML
fonte:
● HTML significa Hyper Text Markup Language
I documenti HTML sono descritti da HTML tags
● Ogni HTML tag descrive diffe

Iscriviti per mostrare il contenutoÈ gratis!

Accesso a tutti i documenti

Migliora i tuoi voti

Unisciti a milioni di studenti

Iscrivendosi si accettano i Termini di servizio e la Informativa sulla privacy.

CSS esterni per progetti professionali

I fogli di stile esterni sono la soluzione professionale per progetti con più pagine. Crei un file .css separato e lo colleghi alle tue pagine HTML con il tag <link> nella sezione <head>.

Questo approccio separa completamente il contenuto dalla presentazione. Cambiando il file CSS puoi modificare l'aspetto di tutte le pagine del sito istantaneamente, senza toccare il codice HTML.

Gli stili esterni rendono il codice più pulito, facilitano la manutenzione e permettono di riutilizzare gli stessi stili su più pagine. È il metodo che usano tutti i siti web professionali.

Best practice: Usa sempre fogli di stile esterni per progetti con più di una pagina - ti farà risparmiare ore di lavoro!

Pensavamo che non l'avreste mai chiesto....

Che cos'è l'assistente AI di Knowunity?

Il nostro assistente AI è costruito specificamente per le esigenze degli studenti. Sulla base dei milioni di contenuti presenti sulla piattaforma, possiamo fornire agli studenti risposte davvero significative e pertinenti. Ma non si tratta solo di risposte, l'assistente è in grado di guidare gli studenti attraverso le loro sfide quotidiane di studio, con piani di studio personalizzati, quiz o contenuti nella chat e una personalizzazione al 100% basata sulle competenze e sugli sviluppi degli studenti.

Dove posso scaricare l'applicazione Knowunity?

È possibile scaricare l'applicazione dal Google Play Store e dall'Apple App Store.

Knowunity è davvero gratuita?

Sì, hai accesso completamente gratuito a tutti i contenuti nell'app e puoi chattare o seguire i Creatori in qualsiasi momento. Sbloccherai nuove funzioni crescendo il tuo numero di follower. Inoltre, offriamo Knowunity Premium, che consente di studiare senza alcun limite!!

35

Strumenti Intelligenti NUOVO

Trasforma questi appunti in: ✓ 50+ Domande di Pratica ✓ Flashcard Interattive ✓ Simulazione Completa d'Esame ✓ Schemi per Saggi

Simulazione d'Esame
Quiz
Flashcard
Saggio

Non c'è niente di adatto? Esplorare altre aree tematiche.

Recensioni dei nostri utenti. Ci adorano - e anche tu, vedrai .

4.9/5

App Store

4.8/5

Google Play

L'applicazione è molto facile da usare e ben progettata. Finora ho trovato tutto quello che cercavo e ho potuto imparare molto dalle presentazioni! Utilizzerò sicuramente l'app per i compiti in classe! È molto utile anche come fonte di ispirazione.

Stefano S

utente iOS

Questa applicazione è davvero grande! Ci sono tantissimi appunti e aiuti con lo studio [...]. La mia materia problematica, per esempio, è il francese e l'app ha così tante opzioni per aiutarmi. Grazie a questa app ho migliorato il mio francese. La consiglio a tutti.

Samantha Klich

utente Android

Wow, sono davvero stupita. Ho appena provato l'app perché l'ho vista pubblicizzata molte volte e sono rimasta assolutamente sbalordita. Questa app è L'AIUTO che cercate per la scuola e soprattutto offre tantissime cose, come allenamenti e schede, che a me personalmente sono state MOLTO utili.

Anna

utente iOS

È bellissima questa app, la adoro. È utilissima per lo studio e mi aiuta molto, anzi moltissimo, ma soprattutto mi aiutano molto i quiz, per memorizzare anche quello che non sapevo

Anastasia

utente Android

Fantastica per qualsiasi materia avere gli appunti anche di altre persone è molto utile perchè posso confrontarmi e vedere come migliorarmi. con i quiz riesco ad apprendere al meglio.

Francesca

utente Android

moooolto utile,gli appunti sono belli e funzionanti,schoolGPT da dei consigli formidabili!!

Marianna

utente Android

L'applicazione è semplicemente fantastica! Tutto ciò che devo fare è inserire l'argomento nella barra di ricerca e ottengo la risposta molto velocemente. Non devo guardare 10 video di YouTube per capire qualcosa, quindi risparmio tempo. Consigliatissima!

Sudenaz Ocak

utente Android

A scuola andavo malissimo in matematica, ma grazie a questa applicazione ora vado meglio. Vi sono molto grato per aver creato questa app.

Greenlight Bonnie

utente Android

Knowunity è un applicazione fantastica,considerando che ha degli schemi veramente molto carini e sfiziosi e che ci sono dei quiz,oltre al fatto che questa cosa dell intelligenza artificiale "school gpt" è almeno per me molto utile, perché a differenza di Chatgpt ti da le spiegazioni, ti spiega ciò che non è chiaro! Posso studiare più velocemente tramite gli schemi e che posso pubblicare io stessa gli schemi è una funzione utilissima per gli altri studenti. Knowunity è PERFETTA

Aurora

utente Android

L’app funziona benissimo e puoi trovare qualsiasi tipo di informazione. Non ho l’abbonamento ma la parte gratuita è sufficiente per uno studio approfondito.

Martina

utente iOS

in questi ultimi mesi di scuola dove il tempo è ormai poco, mi sta aiutando molto perché piuttosto che farmi io gli schemi su quello che leggo sul libro guardo questi già fatti e li uso come ripasso piuttosto che rileggermi tutto il libro

Chiara

utente IOS

Questa app è una delle migliori, nient’altro da dire.

Andrea

utente iOS

L'applicazione è molto facile da usare e ben progettata. Finora ho trovato tutto quello che cercavo e ho potuto imparare molto dalle presentazioni! Utilizzerò sicuramente l'app per i compiti in classe! È molto utile anche come fonte di ispirazione.

Stefano S

utente iOS

Questa applicazione è davvero grande! Ci sono tantissimi appunti e aiuti con lo studio [...]. La mia materia problematica, per esempio, è il francese e l'app ha così tante opzioni per aiutarmi. Grazie a questa app ho migliorato il mio francese. La consiglio a tutti.

Samantha Klich

utente Android

Wow, sono davvero stupita. Ho appena provato l'app perché l'ho vista pubblicizzata molte volte e sono rimasta assolutamente sbalordita. Questa app è L'AIUTO che cercate per la scuola e soprattutto offre tantissime cose, come allenamenti e schede, che a me personalmente sono state MOLTO utili.

Anna

utente iOS

È bellissima questa app, la adoro. È utilissima per lo studio e mi aiuta molto, anzi moltissimo, ma soprattutto mi aiutano molto i quiz, per memorizzare anche quello che non sapevo

Anastasia

utente Android

Fantastica per qualsiasi materia avere gli appunti anche di altre persone è molto utile perchè posso confrontarmi e vedere come migliorarmi. con i quiz riesco ad apprendere al meglio.

Francesca

utente Android

moooolto utile,gli appunti sono belli e funzionanti,schoolGPT da dei consigli formidabili!!

Marianna

utente Android

L'applicazione è semplicemente fantastica! Tutto ciò che devo fare è inserire l'argomento nella barra di ricerca e ottengo la risposta molto velocemente. Non devo guardare 10 video di YouTube per capire qualcosa, quindi risparmio tempo. Consigliatissima!

Sudenaz Ocak

utente Android

A scuola andavo malissimo in matematica, ma grazie a questa applicazione ora vado meglio. Vi sono molto grato per aver creato questa app.

Greenlight Bonnie

utente Android

Knowunity è un applicazione fantastica,considerando che ha degli schemi veramente molto carini e sfiziosi e che ci sono dei quiz,oltre al fatto che questa cosa dell intelligenza artificiale "school gpt" è almeno per me molto utile, perché a differenza di Chatgpt ti da le spiegazioni, ti spiega ciò che non è chiaro! Posso studiare più velocemente tramite gli schemi e che posso pubblicare io stessa gli schemi è una funzione utilissima per gli altri studenti. Knowunity è PERFETTA

Aurora

utente Android

L’app funziona benissimo e puoi trovare qualsiasi tipo di informazione. Non ho l’abbonamento ma la parte gratuita è sufficiente per uno studio approfondito.

Martina

utente iOS

in questi ultimi mesi di scuola dove il tempo è ormai poco, mi sta aiutando molto perché piuttosto che farmi io gli schemi su quello che leggo sul libro guardo questi già fatti e li uso come ripasso piuttosto che rileggermi tutto il libro

Chiara

utente IOS

Questa app è una delle migliori, nient’altro da dire.

Andrea

utente iOS