• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida HTML: introduzione, primi passi ed editor.

SFicarra

Utente Assiduo
Autore del topic
2 Aprile 2008
724
22
Miglior risposta
0
Salve a tutti utenti dello Sciax2 Forum, ecco a voi delle semplici dritte nell'ambito dell'HTML e sui primi passi da fare per creare una pagina HTML semplice e per conoscere i tag di base per la formattazione del testo e quant'altro. La guida, sottolineo, è creata da me e non è stata copiata da qualche altro sito web. Innanzi tutto, iniziamo con una breve introduzione di HTML.


1.0 Introduzione
L'HyperText Markup Language, conosciuto meglio come meglio HTML, è in formatica il linguaggio usato per documenti ipertestuali per sviluppare pagine web. E' facile identificarlo, esso si presenta con le estensioni .html, .htm, .shtml, .shtm.
Ci tengo a precisare che l'HTML non è un linguaggio di programmazione, ciò vuol dire che non prevede struttura con variabili, funzioni o strutture di controllo, ma è solamente un linguaggio di visualizzazione grafica o per meglio dire di layout del contenuto. Esso supporta però l'inserimento di oggetti come filmati, immagini, audio o script.


1.1 Sintassi, struttura e TAG
Ogni elemento si trova all'interno dei tag, composti da una sequenza di segni maggiore o minore (ad esempio <b></b>) questo è il tag che serve a scrivere un testo in grassetto.
La struttura di un documento HTML è racchiusa tutta tra i tag <html> e </html>. All'interno di questi due tag, inseriremo la sequenza ordinata degli altri tag, quindi <head> e </head>, questi contengono informazioni di solito che non vengono visualizzate nella pagina web. Successivamente inseriremo il corpo del nostro codice, ovvero <body> e </body>, che conterrà il vero e proprio cuore della nostra pagina, ovvero il testo, le immagini, video e quant'altro.


1.2 Elementi di base, tutti i documenti HTML devono contenere questi tag

  • Tipo documento <html></html> (segnano l'inizio e la fine del file)
  • Titolo <title></title> (titolo della pagina, da inserire all'interno della testata)
  • Testata <head></head> (informazioni descrittive, come il titolo)
  • Corpo <body></body> (contenuto vero e proprio della pagina)
Perfavore, Entra oppure Registrati per vedere i Link!



1.3 Struttura base di una pagina HTML by @Cix10
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!



2.0 Vari editor HTML
Sicuramente, il più famoso e semplice è Microsoft FrontPage, ma non è l'unico e solo. Abbiamo anche DREAMWEAVER, uno dei miglior editor a pagamento per HTML. Ma esistono anche editor gratuiti, come ad esempio SITEBUD,KOMODO, FRESH HTML, EDITPAD LITE, NOTEPAD ++, COFFEECUP FREE HTML EDITOR. Tutti offrono una gestione totale delle pagine HTML e un editor abbastanza completo ed efficace.


Guida in continuo aggiornamento..
 
Ultima modifica:
Dovevi aggiungere l'esempio della struttura di una pagina html.
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Come editor c'è anche komodo Edit che io trovo molto comodo d pratico.
La guida è fatta bene, hai detto tutto ciò che serve dire. :emoji_slight_smile:

Inviato dal mio GT-I9195 utilizzando Tapatalk
 
Utilissima guida. Ottimo uso di parole facilmente comprensibili, faró sicuramente uso della guida.

Inviato dal mio ST25i utilizzando Tapatalk
 
La struttura sarebbe meglio ampliarla agli standard, no? :-P Quindi qualcosa del genere se ci basiamo sull'HTML 5:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Microsoft FrontPage è un progetto morto nel 2003 e rimpiazzato da Microsoft Expression Web e Microsoft Expression Design, che comunque non vengono aggiornati dal 2012. Tra i più famosi che non sono stati elencati sarebbero da citare KompoZer, NetBeans e Aptana Studio. Tra quelli che hanno più successo al momento, e devo dire che sono entrambi ottimi, troviamo senza dubbio Sublime Text e Brackets.

Per l'elenco è decisamente meglio linkare la lista offerta dal W3C, sempre aggiornata, online e ricca di esempi:
Perfavore, Entra oppure Registrati per vedere i Link!
. ;)
 
Rimuovi subito quel <b></b> dalla guida. E' un tag che fra meno di qualche anno varrà come ricordo della preistoria. Per scrivere un testo in grassetto basta usare il tag <span> (applicandogli uno stile) che è di gran lunga migliore.

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Per quanto mi riguarda, la guida è molto molto basilare :soso:
 
Rimuovi subito quel <b></b> dalla guida. E' un tag che fra meno di qualche anno varrà come ricordo della preistoria. Per scrivere un testo in grassetto basta usare il tag <span> (applicandogli uno stile) che è di gran lunga migliore.

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Per quanto mi riguarda, la guida è molto molto basilare :soso:

L'hai detto te: la guida è basilare, e di conseguenza ha introdotto i tag basilari. Il tag <b></b> è quello più usato e basilare..

Comunque buona la guida, molto utile per coloro che si stanno avvicinando all'HTML
 
La guida in se è fatta abbastanza bene, anche se è troppo ristretta ed incompleta, visto che si parla di basi potevi dire due parole sui meta tag e sul doctype. In più, come già suggerito da Scanetatore, magari con una piccola introduzione all'HTML5, che ormai, a mio parere, si sta diffondendo come nuovo standard web.
In più imparate a rispettare le regole imposte dal W3C per la struttura, e se proprio dobbiamo fare i pignoli anche con attenzione al cross-browser ed alle specifiche CUD, anche se sono argomenti più complessi e "meno rilevanti".

L'hai detto te: la guida è basilare, e di conseguenza ha introdotto i tag basilari. Il tag <b></b> è quello più usato e basilare..

Comunque buona la guida, molto utile per coloro che si stanno avvicinando all'HTML

Rimane ugualmente deprecato. Tu impari prima l'italiano, perchè è GIUSTO, poi ti puoi imparare il latino per interesse personale. (spero che l'esempio sia chiaro)
 
Ultima modifica:
L'hai detto te: la guida è basilare, e di conseguenza ha introdotto i tag basilari. Il tag <b></b> è quello più usato e basilare..

Allora preferisci far imparare cose "deprecate" per rendere la vita di chi inizia leggermente migliore? Ma dai :soso:
 
Ma sapete leggere? C'è scritto primi passi e infondo alla guida c'è scritto guida in continuo aggiornamento, ciò significa che di passo in passo andrò ad aggiungere cose, uno che si trova ai primi passi inutile riempirgli la testa di meta tag o di cose varie, iniziamo piano piano
 
Ma sapete leggere? C'è scritto primi passi e infondo alla guida c'è scritto guida in continuo aggiornamento, ciò significa che di passo in passo andrò ad aggiungere cose, uno che si trova ai primi passi inutile riempirgli la testa di meta tag o di cose varie, iniziamo piano piano

Si, ok... Ma magari pubblichi quando hai un lavoro più o meno completo, se devi scrivere 2 cose, la guida diventa più che inutile considerando il numero smisurato di guide sull'HTML che trovi in rete, ed anche qui stesso.
Uno che si trova ad i primi passi vuole solo avere le idee chiare, quindi potevi almeno scrivere 2 parole in più sulla struttura ed il W3C.
Poi in un linguaggio non si parla solo di sintassi, c'è anche la semantica e l'alfabeto.
Non viene neanche spiegato che l'HTML non è un linguaggio case-sensitive (a mio parere, distinzione importante per chi è alle prime armi).
La guida così com'è, è incompleta. Personalmente ti suggerisco di aggiornarla quanto prima.