Cerca per:
Colore link carrello 0
  • Chi siamo
    • Siti Web & SEO
    • Web Agency
    • Portfolio
  • Corsi Online
  • Area riservata
  • Articoli
    • Programmazione
      • C#
      • C++
      • Html
      • CSS
      • Javascript
      • jQuery
      • PHP
    • Videogiochi
      • Lua
      • Unity
    • Web
    • Guide
      • Programmare con Unity 3D: creare videogiochi da zero
      • Programmare in C#
      • Tutorial WordPress
  • Negozio Online
  • phone +33766664691
  • email contact@develop4fun.com
  • Tech & Gadget
  • Videogiochi
    • Attualità
    • Anteprime
    • Recensioni
    • Schede Tecniche
  • Forum
  • Contattarci
0
Develop4fun
  • Chi siamo
    • Siti Web & SEO
    • Web Agency
    • Portfolio
  • Corsi Online
  • Area riservata
  • Articoli
    • Programmazione
      • C#
      • C++
      • Html
      • CSS
      • Javascript
      • jQuery
      • PHP
    • Videogiochi
      • Lua
      • Unity
    • Web
    • Guide
      • Programmare con Unity 3D: creare videogiochi da zero
      • Programmare in C#
      • Tutorial WordPress
  • Negozio Online
Il mio account

Articoli Programmazione

Develop4fun > Programmazione > Html > Che cos’è l’HTML?

Che cos’è l’HTML?

access_time6 Giugno 2018
perm_identity Pubblicato da Antonella "Lythande" De Chiara
folder_open Html, Programmazione
Html
(Ultimo aggiornamento: 15 Febbraio 2019)

Html, l’HyperText Markup Language

In informatica l’HyperText Markup Language (HTML; traduzione letterale: linguaggio a marcatori per ipertesti) è un linguaggio di markup. Nato per la formattazione e impaginazione di documenti ipertestuali disponibili nel web 1.0, oggi è utilizzato principalmente per il disaccoppiamento della struttura logica di una pagina web (definita appunto dal markup) e la sua rappresentazione, gestita tramite gli stili CSS per adattarsi alle nuove esigenze di comunicazione e pubblicazione all’interno di Internet.

Nei documenti contenenti questo  linguaggio di pubblico dominio, la cui sintassi è stabilita dal World Wide Web Consortium (W3C), un tratto di testo può essere contrassegnato inserendo delle etichette, tag, che ne descrivono la funzione, il colore, il link, o altre caratteristiche.

I tag

L’HTML non è propriamente un linguaggio di programmazione, in quanto non prevede alcuna definizione di variabili, strutture dati, funzioni, strutture di controllo, ma piuttosto è solamente un linguaggio di markup che descrive le modalità di impaginazione, formattazione o visualizzazione grafica o layout del contenuto, testuale e non, di una pagina web attraverso tag di formattazione.

Ogni tag (ad esempio <h1> o <p>) specifica un diverso ruolo dei contenuti che esso contrassegna (quindi il tag <h1> definirà un’importanza maggiore del tag <p>). La formattazione consiste nell’inserimento nel testo di marcatori o etichette, detti tag, che descrivono caratteristiche come la funzione, il colore, le dimensioni, la posizione relativa all’interno della pagina. I browser che leggono il codice mostrano all’utente formattazioni predefinite per ogni tag che incontrano (così ad esempio i contenuti marcati con il tag <h1> avranno carattere 18pt e i contenuti marcati da <p> avranno carattere 12pt). Tuttavia questa formattazione è completamente sotto il controllo dell’utente, che può modificarla nelle Impostazioni del suo browser.

Alcuni tag presentano un’applicazione puntuale, come per esempio il tag <img> che serve per inserire un’immagine in un determinato punto della pagina, e in quanto tali non richiedono il tag di chiusura; in questo caso si parla di tag a chiusura implicita.

Quando un documento ipertestuale scritto in HTML è memorizzato in un file la sua estensione è tipicamente .html o .htm.

La struttura

Un documento HTML comincia con l’indicazione della definizione del tipo di documento (Document Type Definition o DTD), la quale segnala al browser l’URL delle specifiche HTML utilizzate per il documento, indicando quindi, implicitamente, quali elementi, attributi ed entità si possono utilizzare e a quale versione di HTML si fa riferimento. Di fatto, questa informazione serve al browser per identificare le regole di interpretazione e visualizzazione appropriate per lo specifico documento.

Questa definizione deve pertanto precedere tutti i tag relativi al documento stesso.

Dopo il DTD, il documento HTML presenta una struttura ad albero annidato, composta da sezioni delimitate da tag opportuni che al loro interno contengono a loro volta sottosezioni più piccole, sempre delimitate da tag.
La struttura più esterna è quella che delimita l’intero documento, eccetto la DTD, ed è compresa tra i tag <html> e </html>.

All’interno dei tag <html> lo standard prevede sempre la definizione di due sezioni ben distinte e disposte in sequenza ordinata:

  • la sezione di intestazione o header, delimitata tra i tag <head> e </head>, che contiene informazioni di controllo normalmente non visualizzate dal browser, con l’eccezione di alcuni elementi
  • la sezione del corpo o body, delimitata tra i tag <body> e </body>, che contiene la parte informativa vera e propria, ossia il testo, le immagini e i collegamenti che costituiscono la parte visualizzata dal browser.

Al di sotto di questa suddivisione generale, lo standard non prevede particolari obblighi per quanto riguarda l’ordine e il posizionamento delle ulteriori sottosezioni all’interno dell’header o del body, a parte l’indicazione del rispetto dei corretti annidamenti (le sottosezioni non si devono sovrapporre, ossia ogni sottosezione deve essere chiusa prima di iniziare la sottosezione successiva), lasciando così completa libertà allo sviluppatore o al progettista per quanto riguarda la strutturazione e l’organizzazione successive.

Un piccolo esempio

 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Titolo del sito web | Home page</title>
<link rel="icon" type="image/png" href="http:favicon.ico" />
<link href="http:css/foglio_di_stile.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/file_con_javascript.js"></script>
<meta name="keywords" content="parole chiave per la ricerca" />
<meta name="description" content="breve descrizione del sito" />
<meta name="author" content="Autore del sito"  />
</head>
<body>
<div>
    <div>
        <img src="picture/immagine_header.jpg" alt="descrizione dell'immagine inserita nella parte alta del sito contenente eventualmente il logo" />
    </div>
    <div>
        <div>
            <div>
                   <a href="index.php" title="link alla home page">home</a>
                   <a href="contatti.php" title="link ai contatti">contatti</a>
                   <a href="chi_siamo.php" title="link alla pagina chi siamo">chi siamo</a>
            </div>
        </div>
        <div>
            <div>
                <h1>Titolo della pagina scritto con il tag per il titolo principale</h1>
            </div>
            <div>
                <p>Qui c'è il testo della pagina scritto all'interno del tag per il paragrafo</p>
            </div>
        </div>
        <div>
            <a href="http://www.google.com/" title="link a google che si apre in una nuova finestra" target="_blank">
                <img src="http:picture/logo_google.gif" alt="logo google" />
            </a>
        </div>
    </div>    
    <div>
        Dettagli della pagina tra cui il nome della società, la partita iva, il codice fiscale, il capitale sociale ed eventuale link al webmaster
    </div>
</div>
</body>
</html>
3 1 vote
Valutazione dell'articolo o della lezione
Visualizzazioni: 2.082
Tags: HyperText Markup LanguageInternetProgrammatoretagWeb-designer
Su Antonella "Lythande" De Chiara

Appassionata di giochi di ruolo giapponesi, genere che ha scoperto grazie alla saga Final Fantasy e approfondito con i capolavori usciti negli ultimi anni, s’interessa al retrogaming, rigiocando vecchie glorie come Monkey Island, Prince of Persia o vecchi capolavori marchiati Nintendo. Antonella comincia il suo percorso giornalistico in Italia, lavorando con Gamerepublic, PS Mania e Pokémon Mania. Si trasferisce in Francia per studiare la programmazione web.

Più articoli di Antonella "Lythande" De Chiara
Articoli più recenti Marialand in action
Articoli più vecchi [GUIDA] Come effettuare il Login in WordPress
Sottoscrivi
Notificami
guest
guest

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

0 Commenti
Inline Feedbacks
Vedi tutti i commenti
Forum
  • Programmazione
  • Videogiochi
Windows 10

Windows 10

Articoli recenti
  • PHP: a cosa serve?
  • WordPress: risolvere l’errore “La risposta non è una risposta JSON valida”
  • Motori di gioco HTML5 – Quale engine HTML5 è giusto per te?
  • Impara a programmare videogiochi con Phaser – Hello World
  • E’ necessario avere una laurea per fare il programmatore?
Articoli più letti
  • Atom Editor, guida rapida alle funzioni (3.077)
  • CORSO di HTML (3.021)
  • Programmare in C# – Le liste (Lists) (2.236)
  • La storia dei videogiochi – Introduzione (2.124)
  • Che cos’è l’HTML? (2.082)
Commenti recenti
  • elisa su Impara a programmare videogiochi con Phaser – Hello World
  • Antonella "Lythande" De Chiara su Impara a programmare videogiochi con Phaser – Hello World
  • elisa su Impara a programmare videogiochi con Phaser – Hello World
  • alice su CORSO di HTML
  • alice su CORSO di CSS
Risposte recenti nei forum
  • elisa su Convertire risorse esterne in interne
  • Antonella “Lythande” De Chiara su Convertire risorse esterne in interne
Game Universe
  • Una demo per console di Little Nightmares 2 su Xbox One, PlayStation 4 e Nintendo Switch

    Bandai Namco Entertainment e Tarsier Studios hanno rilasciato oggi una demo per console di Little […]

  • Aggiornamento dell’inventario di Fallout 76

    L’aggiornamento dell’inventario di Fallout 76 verrà rilasciato come annunciato il 26 gennaio […]

  • Nintendo: Netflix verrà ben presto rimosso da Wii U e 3DS

    Dopo anni di supporto alle console fuori produzione, l’app Netflix lascia ufficialmente alle […]

Parole chiave
array Articolo WordPress c-sharp CMS copy editor Coronavirus corso sulla programmazione web creare un sito web creare un videogioco in 2D editor functions.php funzione php Game Designer Gamedev Giochi 2D HyperText Markup Language il primo videogioco Internet JavaScript Lua Microsoft mondo dei videogiochi Nintendo Open-source Pagina WordPress PHP 7.4 Plugin WordPress prima console programmare videogiochi Programmatore programmatore di videogiochi programmazione programmazione videogiochi redattore SEO Specialist sito wordpress Storia Storia dei videogiochi tema child Tutorial Unity Unity3D Videogiochi Web-designer web design Windows
Iscriviti alla nostra Newsletter
Manteniamo i tuoi dati privati e li condividiamo solo con terze parti necessarie per l'erogazione dei servizi. Leggi la nostra Privacy Policy.

Controlla la tua casella di posta o la cartella spam per confermare la tua iscrizione

  • Develop4fun FR
  • Develop4fun Agenzia Web
  • Games Universe
  • Acquarellista Grenoble
Game Universe
  • Mass Effect: ecco il trailer del nuovo capitolo

    L’edizione 2020 del N7 Day ha riservato molte gradite sorprese al pubblico di videogiocatori […]

  • PlayStation 4: Cyberpunk 2077 ha così tanti problemi che Sony starebbe concedendo i rimborsi

    Sony non possiede una vera e propria politica di rimborsi per il suo PlayStation Store e questo è […]

  • È ufficialmente aperto il canale YouTube di Game Universe!

    YouTube è un grande strumento per le recensioni di videogiochi, perché si possono avere […]

© 2021 Develop4fun. Tutti i diritti riservati
keyboard_arrow_up wpDiscuz
0
0
Would love your thoughts, please comment.x
()
x
| Reply
"
Il presente sito web utilizza cookie tecnici per garantire il corretto funzionamento delle procedure e migliorare l'esperienza di uso delle applicazioni online.OkPrivacy policy