Esercitazione HTML

HTML HOME Introduzione all'HTML Editor HTML HTML di base Elementi HTML Attributi HTML Intestazioni HTML Paragrafi HTML Stili HTML Formattazione HTML Citazioni HTML Commenti HTML Colori HTML CSS HTML Collegamenti HTML Immagini HTML Favicon HTML Tabelle HTML Elenchi HTML Blocco HTML e in linea Classi HTML ID HTML Iframe HTML JavaScript HTML Percorsi di file HTML Testa HTML Layout HTML HTML reattivo Codice informatico HTML Semantica HTML Guida allo stile HTML Entità HTML Simboli HTML Emoji HTML Set di caratteri HTML Codifica URL HTML HTML e XHTML

Moduli HTML

Moduli HTML Attributi del modulo HTML Elementi del modulo HTML Tipi di input HTML Attributi di input HTML Attributi del modulo di input HTML

Grafica HTML

Tela HTML HTML SVG

Supporto HTML

Supporto HTML Video HTML Audio HTML Plug-in HTML YouTube HTML

API HTML

Geolocalizzazione HTML Trascina/rilascia HTML Archiviazione Web HTML Lavoratori Web HTML HTML SSE

Esempi HTML

Esempi HTML Quiz HTML Esercizi HTML Certificato HTML Riepilogo HTML Accessibilità HTML

Riferimenti HTML

Elenco tag HTML Attributi HTML Attributi globali HTML Supporto browser HTML Eventi HTML Colori HTML Tela HTML Audio/video HTML Tipi di documenti HTML Set di caratteri HTML Codifica URL HTML Codici HTML Lang Messaggi HTTP Metodi HTTP Convertitore da PX a EM Tasti rapidi

JavaScript HTML


JavaScript rende le pagine HTML più dinamiche e interattive.


Esempio

My First JavaScript


Il tag HTML <script>

Il <script>tag HTML viene utilizzato per definire uno script lato client (JavaScript).

L' <script>elemento contiene istruzioni di script oppure punta a un file di script esterno tramite l' srcattributo.

Gli usi comuni di JavaScript sono la manipolazione delle immagini, la convalida dei moduli e le modifiche dinamiche del contenuto.

Per selezionare un elemento HTML, JavaScript utilizza più spesso il document.getElementById()metodo.

Questo esempio JavaScript scrive "Hello JavaScript!" in un elemento HTML con id="demo":

Esempio

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Suggerimento: puoi saperne di più su JavaScript nel nostro tutorial JavaScript .


Un assaggio di JavaScript

Ecco alcuni esempi di cosa può fare JavaScript:

Esempio

JavaScript può modificare il contenuto:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Esempio

JavaScript può cambiare gli stili:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Esempio

JavaScript può modificare gli attributi:

document.getElementById("image").src = "picture.gif";


Il tag HTML <noscript>

Il <noscript>tag HTML definisce un contenuto alternativo da visualizzare agli utenti che hanno disabilitato gli script nel proprio browser o hanno un browser che non supporta gli script:

Esempio

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

Esercizi HTML

Mettiti alla prova con gli esercizi

Esercizio:

Usa JavaScript per modificare il contenuto HTML <p>dell'elemento in "Hello World!".

<body>

<p id="demo">Ciao.</p>

<script>
documento.("demo").innerHTML = "Hello World!";
</script>

</body>


Tag di script HTML

Tag Description
<script> Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts

Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .