Ed eccomi a parlare di qualcosa che so fare davvero, ovvero lo sviluppo di codice. Iniziamo con un po' di semplice HTML e vediamo dove riusciamo ad arrivare!
Inizio in un modo moooolto semplice, con una curiosità: la scritta "Hello World".
Le sue origini non sono abbastanza controverse ma pare siano state pubblicate per la prima volta da Brian Kernigham nel 1972 in un suo libro sulla programmazione.
Fatto sta' che da allora le parole "Hello World" sono utilizzate da migliaia di sviluppatori nel momento in cui dobbiamo, molto genericamente, verificare che riusciamo a generare un output. E questo succede in moltissimi ambiti, con molti linguaggi e su qualsiasi supporto; quello di cui vi accenno qualcosa oggi è il linguaggio HTML (HyperText Markup Language) che serve, appunto, per creare pagine web come quella che stai leggendo ora.
Per non aggiungere complessità al primo post in cui parlo di programmazione, vi basti pensare che la struttura base di una pagina web è simile a questa:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
gli elementi composti da un testo compreso tra i simboli minore (<) e maggiore (>) si chiamano tag. I tag, generalente, vanno aperti (<body>) e successivamente chiusi inserendo uno slash prima del titolo del tag (</body>).Possiamo infatti vedere una pagina web come un insieme di "contenitori" che possono contenere altri contenitori oppure essere "affiancati" ad altri contenitori: i contenitori, nel nostro caso sono i tag.
Nota: <!DOCTYPE html> è anch'esso un tag ma non va aperto o chiuso, è semplicemente l'intestazione che fa capire al nostro browser di che tipo di documento si tratta.
nell'esempio di codice qui sopra vediamo come il contenitore <html> comprenda al suo interno due contenitori allo stesso livello: <head> e <body>.
E il nostro "Hello World"? Ora ci arriviamo. Ciò che viene inserito all'interno del tag <body> viene interpretato dal nostro browser come contenuto e viene mostrato sui nostri display, ovviamente solo se il codice è perfetto.
Di seguito andiamo a inserire quindi il tag h1, ovvero Heading 1 (titolo 1), che dice al browser di visualizzare un titolo e, per esattezza, il titolo visto che il numero "1" indica la gerarchia dei titoli che va da 1 a 6 dove 1 è il più rilevante e 6 il meno rilevante.
Il contenuto del titolo sono proprio le parole "Hello World".
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
Il risultato visivo che possiamo aspettarci è qualcosa del genere:
Hello World
Per ora direi che è tutto! 😉
{ Giacomo Rizzotti }
Mi occupo di comunciazione, grafica e sviluppo web da più di dieci anni e ho collaborato con alcune tra le più importanti aziende italiane realizzando strategie di comunicazione e web app costruite su misura.
Oltre al lavoro? Fotografia, DIY, Stampa3D, Cucina, riflettere e condividere i miei ragionamenti, bere birra in compagnia, fare sport e... molto altro!
Non mi piace stare con le mani in mano!
Poi ci sono anche: