HTML - Informazioni e tag fondamentali.
Oggi cominciamo una serie di lezioni per imparare il linguaggio html.
Questo ci servirà anche per migliorare le pagine create all'interno di Steemit che usa un interprete per rilevare l'html immesso nell'area di testo dove scriviamo normalmente gli articoli e visualizzare il risultato corretto nell'anteprima posta sotto.
Un "tag" è un segno, un identificatore, che ti fa capire cosa stai per leggere e a cosa si riferiscono i dati all'interno di esso.
Dice al "browser" ,per esempio "Internet explorer" cosa e come visualizzarlo sullo schermo.
Presenta un inizio e una fine, di solito "tag /tag", che devono essere sempre presenti per avere come risultato uno "script" stabile su tutti i browser.
Lo script è semplicemente la lista di ordini che il browser può leggere per definire la visualizzazione della pagina. In altri linguaggi lo script è il programma. Infatti se andassimo a vedere cosa c'è dietro i movimenti su schermo di un personaggio in un videogame, troveremo uno script,cioè un programma scritto in lettere e numeri.
Per scrivere html e poi salvarlo come pagina vera e propria pubblicabile su internet in formato ".html" abbiamo bisogno solo del taccuino di window cioè il notepad, in pratica ci basterebbe aprire un nuovo file "text" cliccando con il desto del mouse sul desktop e selezionando -Nuovo file di testo- , ma io vi consiglio di scaricare gratuitamente
"Notepad++" quando lo script diventa troppo esteso.
Una volta scaricato Notepad++ e installato, possiamo cominciare creando un nuovo file html e definire il tag che racchiude tutto lo script,
cioè il tag html.
In questo modo:
Prima di proseguire a scrivere definiamo che stiamo scrivendo linguaggio html, per avere una visualizzazione specifica dal programma, in questo modo:
All'interno dei tag uno di inizio e uno di fine andremo poi a inserire prima la testa con il tag "head":
Poi il corpo del nostro script:
Nel tag "head" andranno poi aggiunte informazioni sul file html e parti di script di altri linguaggi o gli stili da utilizzare nella pagina, mentre all'interno del tag "body" si troveranno tutte le parti dello script che verranno visualizzate sullo schermo.
In questo momento, visualizzando la pagina html sul browser vedreste solo bianco, una pagina vuota, ma noi per avere un minimo di soddisfazione scriviamo una parola all'interno dei tag "body": Ciao.
In questo modo:
Andiamo a salvare lo script appena creato con estensione .html
In questo modo:
Aprendo il file appena salvato apparirà questo nel browser che utilizzate per visualizzare intrnet:
Non è un miracolo? State scrivendo internet. Ora siete un Padawan "Web Master"!
Alla prossima lezione!
Le immagini sono state create dall'autore del post e sono un contenuto originale.