Introduzione all'HTML

Il mondo del responsive è il modo migliore per la creazione di un contenuto! <html><title>Tebigeek!</title></html>
Avatar utente
Mario
Esperto
Esperto
Messaggi: 144

Introduzione all'HTML

Messaggio#1 » 13/04/2015, 15:27

Che cos'è l'HTML?
:welcomeani:
L’HTML (Hypertext Markup Language) è un linguaggio che permette di posizionare, spostare o ridimensionare determinati elementi in una Pagina Web.

Come poter creare una Pagina Web? Una Pagina Web non è altro che un semplicissimo file di testo. Potremmo pensare infatti ad un file di testo come Blocco Note o Microsoft Word. L’elemento che successivamente va a caratterizzare questi file di testo non è altro che l’estensione. Infatti, salvando il file con estensione “.html” , sarà possibile aprirlo con un qualsiasi tipo di Browser per visualizzarne il contenuto, anche in fase di sviluppo.

Immagine

Come un qualsiasi linguaggio di programmazione, anche l’HTML è un linguaggio che non ha la capacità di prendere decisioni in modo autonomo (ES. uscire da un'iterazione) e ha delle sue regole, regole che se non rispettate potrebbero compromettere l’intero funzionamento della Pagina.

Esistono varie versioni di questo linguaggio. L’ente che si occupa di aggiornare queste versioni e che si è occupato in passato di trovare uno standard è il W3C (World Wide Web Consortium). Grazie a questo ente si ha un’evoluzione dell’HTML fino all’HTML5.0 e XHTML (linguaggio HTML adattato al linguaggio XML).

Immagine

Per iniziare a conoscere in maniere approfondita il linguaggio HTML è importante conoscere dei concetti base :

1) L’elemento fondamentale di una Pagina Web è il TAG. Il TAG è un identificatore, racchiuso tra parentesi angolari “<TAG>”, che permette di utilizzare determinate funzioni in una Pagina Web. Ogni TAG ha una funziona diversa e deve essere posizionato in un determinato punto della Pagina. Quando si decide di utilizzare un TAG è importantissimo ricordarsi che deve essere chiuso creandone una seconda copia (la copia deve contenere "/" dopo la parentesi angolare di apertura) e ponendola dopo il contenuto del TAG di apertura.
ES. <title>Prima Pagina</title>
NOTA BENE! NON TUTTI I TAG NECESSITANO DI UN TAG DI CHIUSURA!! ES. <img ...> (TAG utilizzato per inserire immagini).

2) Ogni Pagina HTML deve contenere un TAG ESSENZIALE: <html></html>.
NOTA BENE! OGNI CONTENUTO DELLA PAGINA DEVE ESSERE RACCHIUSO IN QUESTI DUE TAG.

Immagine

3) Una Pagina Web è principalmente divisa in due parti, la testa e il corpo o rispettivamente in inglese "head" e "body". Questi sono i due TAG essenziali racchiusi nel TAG <html>. Nel TAG <head></head> vanno inseriti elementi caratterizzanti della pagina come il nome. Nel TAG <body></body> invece va inserita tutta la rimanente struttura della pagina, ogni testo, ogni immagine deve essere posizionata li.
NOTA BENE! CAMBIARE L'ORDINE O SBAGLIARE ANCHE UNA SOLA LETTERE SIGNIFICHEREBBE NON VISUALIZZARE LA PAGINA!!
Di seguito un esempio:

Immagine

Se desideri utilizzare programmi specializzati per la scrittura di codici HTML ti consiglio di visitare la seguente guida: Editor HTML

:thanks:
Se la guida è stata di tuo gradimento, aiutaci a migliorare con un click premendo sull'immagine sottostante e votandoci! :D
Immagine


Torna a “Html”