Please enable JavaScript.
Coggle requires JavaScript to display documents.
🌐 Introduzione al Web e HTML - Coggle Diagram
🌐 Introduzione al Web e HTML
2️⃣ Universalità del web
Deve funzionare ovunque, per tutti 🌍
W3C (World Wide Web Consortium, 1994)
Definisce standard comuni per il web 📝
HTML è il linguaggio standard più diffuso
Garantisce corretta visualizzazione in tutti i browser 🌐
WAI (Web Accessibility Initiative)
Accessibilità = diritto di tutti
Permette fruizione anche a persone con disabilità ♿
Garantisce accesso anche a chi ha strumenti meno avanzati 💻📱
1️⃣ Origini e sviluppo del web
Inventato da Tim Berners-Lee nel 1989 👨💻
Sempre in evoluzione: oggi realtà aumentata, immersione digitale, nuove esperienze 🚀
La grafica è fondamentale nello sviluppo degli ambienti digitali 🎨
3️⃣ Introduzione all’HTML
Linguaggio di mark-up: usa tag per descrivere contenuti 🔖
Obiettivo: capire logica, non diventare programmatori 🧠
Evoluzione continua 🔄
4️⃣ Sintassi HTML
TAG = marcatori
Scritti tra parentesi angolari < >
Coppia: apertura <tag> e chiusura </tag>
Contenuto inserito dentro la coppia
Elementi fondamentali: titoli, paragrafi, link, immagini 📄
5️⃣ Primi esercizi operativi
Usare un editor professionale ✍️
Visual Studio Code, Atom, Sublime Text, Notepad++
Creazione file:
Cartella → WEB_01
File → index.html
7️⃣ Organizzazione dei tag
Annidamento: tag dentro altri tag (tipo scatole cinesi 📦)
Div: <div> = contenitore universale
Indentazione: rientri per capire meglio la struttura (uso tab)
8️⃣ Commenti in HTML
Non visibili nel browser
Sintassi: <!-- commento -->
9️⃣ Elementi di formattazione testo
Grassetto: <b> o <strong>
Corsivo: <i> o <em>
Sottolineato: <u>
6️⃣ Tag principali per i testi
Titoli (heading): <h1> … <h6>
h1 = titolo principale 🏆
h2 = sottotitolo 🔽
h3-h6 = titoli sempre più piccoli
Paragrafo: <p>
Andare a capo: <br>
Linea divisoria: <hr>