LINGUAGGIO HTML


Nascita di Html

Cos’è un documento Html

Come si crea un documento Html

Elemento Tag

Elemento Attributo


HTML , abbreviazione inglese di HyperText Markup Language (linguaggio a marcatore per ipertesti), è un “linguaggio di Markup”.

Prima di analizzare nello specifico questo linguaggio vediamo brevemente cosa sono l’ipertesto ed il linguaggio di Markup , per avere chiare le funzioni e le possibilità che HTML ci offre.

Ipertesto

Un ipertesto è un raggruppamento di documenti (testi, immagini, tabelle,audio ecc..) relazionati tra loro da una struttura logica che permette di consultarne i contenuti in maniera dinamica (saltando da un contenuto ad un altro).

Qualsiasi documento dell’ ipertesto potrebbe essere il  seguente, tutto dipende dalla scelta del visitatore che ha praticamente infiniti percorsi di lettura.




Linguaggio di Markup

Un linguaggio di markup è un insieme di convenzioni per la formattazione di testi e ipertesti , in cui porzioni di testo vengono delimitate attraverso “marcatori” , per descriverne gli elementi.

NASCITA DI HTML 

Html nasce grazie ad un progetto intrapreso dal fisico Tim Berners Lee  con l’obbiettivo  di facilitare la consultazione dei documenti online per tutta la comunità dei ricercatori scientifici nei primi anni 90′.

Html è un linguaggio di dominio pubblico le cui regole sintattiche sono gestite dal W3C (organizzazione non governativa internazionale che ha come scopo quello di sviluppare tutte le potenzialità di internet).

Da questo studio nacquero 3 concetti per noi oggi fondamentali che rivoluzionaro la consultazione dei documenti on-line.


  1. URL: indirizzo univoco che identifica i documenti 
  2. HTTP : protocollo che regola il trasferimento di dati sul web
  3. HTML: un linguaggio in grado di generare documenti ipertestuali

Negli anni HTML è stato perfezionato (la prima versione offriva la possibilità di creare qualche link per collegare del semplice testo), fino ad arrivare alla versione corrente nata nel 2014 HTML5.

Con questa 5 revisione , il W3C si  è occupato di snellire il codice , demandare lo styling ai fogli di stile lasciando a HTML il compito di occuparsi della struttura, ha introdotto nuovi tag per la gestione dei contenuti abolendone altri.




COS’ E’ UN DOCUMENTO HTML?

Un documento html è un semplice file di testo che :

  • contiene istruzioni chiamate <tag>
  • ha estensione .html
  • necessita di un browser (non necessariamente di una connessione) per vederne il contenuto.

COME SI CREA UN DOCUMENTO HTML?

Per creare un documento HTML occorre scaricare un editor di testo , nelle nostre guide utilizzeremo NOTEPAD++ , scaricabile dal sito ufficiale del produttore dal seguente link : scarica notepad dal sito ufficiale 

Una volta scaricato notepad , avviate il programma e salvate il documento in formato .html

Ecco che , se pur vuoto , Abbiamo creato un documento HTML

TAG (MARCATORI)

tag  , sono istruzioni contenute tra parentesi angolari <istruzione> , quando il browser le incontra , sa perfettamente che si tratta di istruzioni e non di testo da mostrare a video.




La maggior parte dei tag , funzionano a coppie:

  • Tag di apertura : <html>
  • Tag di chiusura : </html> contraddistinto da uno slash

Alcuni esempi di tag

  • <title> : serve a definire un titolo 
  • <p> : serve a definire un paragrafo
  • <body> : indica il corpo della pagina
  • <video> : offre la possibilità di inserire un video 
  • <table> : serve a creare una tabella

Esistono numerosissimi tag (che esamineremo successivamente nel corso della guida) , ed ognuno di essi supporta al suo interno l’inserimento di attributi: ossia valori addizionali che forniscono ulteriori informazioni sugli elementi HTML(quasi raramente obbligatori) che influenzano il comportamento dei tag stessi.

Esistono solamente 3 tag obbligatori in ogni documento HTML :

  1. <html>: elemento che identifica una pagina html.
  2. <head>: elemento che contiente informazioni sulla pagina web.
  3. <body>: corpo della pagina.

I restanti vengono utilizzati secondo la necessità di chi scrive il codice html.




ATTRIBUTI

Gli attributi forniscono informazioni aggiuntive sui tag.

Ogni elemento HTML può avere attributi i quali possono essere o:

  • riservati a un determinato tag
  • attributi Globali,ossia attributi applicabili alla totalità dei tag esistenti.

Gli attributi si inseriscono nel tag di apertura , e sono formati da una coppia di chiave valore utilizzando la seguente sintassi:

<tag attributo = “valore dell’ attributo”>                 


                                                  Continua a leggere


Giusi Marchese

Giusi Marchese

Sono una tecnica informatica di professione , con la passione per il web e per la scrittura. Amo il cinema , la natura , il fai da te e gli animali. Curo sia l' estetica che i contenuti di Ciò Che So in cui racchiudo tutte le mie passioni. ❤️

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *