CONTATTACI

Guide per aspiranti programmatori

developer in miniatura seduto su un pc con vignetta che mostra parentesi angolari
Lezione 6 / 30

Il template HTML

La struttura do un documento html


La struttura di un documento HTML è composta da un contenitore <html> e due sezioni ben distinte, ossia la <head> e il <body>.

Immaginiamo la nostra semplice pagina HTML come un essere umano: è composto dalla testa (head) e dal corpo (body).
Più nel dettaglio nella metafora, l’head rappresenta il cervello del nostro essere, le conoscenze interne che daremo al nostro documento HTML; conterrà, quindi, tutte le meta-informazioni che occorrono ad un foglio html per funzionare (ad esempio link a file e fonti esterne, meta tag ecc). Il body, invece, rappresenta tutto quello che vedremo in maniera tangibile nel browser e dunque il contenuto informativo principale

Abbiamo detto che nell’head, invece, ci saranno le meta-informazioni…Ma che cosa sono?
Facile! Le meta-informazioni sono tutte quelle informazioni aggiuntive che descrivono il contenuto principale. La meta-informazione è un info che sta dettagliando l ‘informazione principale.
Pensiamo ad un’ informazione qualsiasi: “l’ultima versione di html, ovvero html:5. è una vera rivoluzione!”; questa è l’informazione di base. A questa, però, noi possiamo aggiungere ulteriori dettagli: la data, l’autore e via discorrendo. Ecco: quelle info aggiuntive non sono altro che meta-informazioni. È più chiaro così, vero?

Tutti questi elementi, ovviamente, necessitano del relativo tag di chiusura: </html>, </head> e </body>.

 

Vediamo assieme un esempio di struttura HTML:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

</html>

 

Il DOCTYPE è la prima dichiarazione di una pagina web scritta in linguaggio HTML e deve precedere sempre il tag <html> di apertura del documento.

Il DOCTYPE, a differenza degli altri, non è un tag ma una dichiarazione che indica al browser quale versione di HTML stiamo utilizzando in questo documento.

Nella <head> invece, troviamo dei “tag speciali”, definiti Meta Tag che non necessitano di chiusura.

I Meta Tag, detti anche metadati, sono dei Tag HTML che descrivono il contenuto della pagina ai motori di ricerca e ai visitatori del sito web.

È sempre nella <head> che andranno inserite le altre conoscenze di supporto alla creazione dei nostri siti (come ad esempio il collegamento a framework/librerie esterne o link alla nostra pagina di stile CSS). 

Il title tag, infine, è quel tag che rappresenta il titolo della nostra pagina web, lo stesso titolo che apparirà nella pagina dei risultati dei motori di ricerca.
Ed è proprio il browser che userà il title tag, questa meta informazione, per inserire nella barra del browser di chrome, il titolo.

Ma dove creiamo i nostri lavori? Come già detto, ottime spalle per uno sviluppatore web sono gli editor di testo.

Non sentirti confuso su quale utilizzare, noi di Aulab ve ne abbiamo già consigliato uno: Visual Studio Code.

 

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 187 €/mese.

Esempio di finanziamento  

Importo finanziato: € 3990 in 24 rate da € 187 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 4572.88.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.