[HTML] Creare file Html e cosa sono i tags

HTML - Hyper Text Markup Language

[HTML] Creare file Html e cosa sono i tags

1

Salve e benvenuto nella seconda parte della nostra guida dedicata all’ HTML. In questo articolo, vedremo come si fà a creare una pagina in HTML, e che cosa sono di preciso i “Tags”.

Creare una pagina in HTML

Per creare una pagina in HTML, dobbiamo

  1. Aprire il Blocco Note (o il nostro editor di testo – non Word),
  2. Incollare il codice della pagina,
  3. Cliccare su File -> Salva Con Nome -> e dare il nome del file e aggiungere alla fine “.html” (esempio pagina.html).

Ecco salvata la nostra prima pagina HTML!
Le estensioni della pagina, possono essere sia in .html che .htm, non c’è alcuna differenza fra le due.

Cosa sono i Tags

I Tags, o marcatori, servono per indicare come sono disposti i vari elementi di una pagina.
A seconda di ciò che deve apparire, e dove deve apparire, si utilizzano tags differenti, anche se hanno tutti una struttura simile a questa:
Ogni volta che si apre un tag, questo va messo fra parentesi uncinate (<nometag>), poi và messo il contenuto e il tag di chiusura che corrisponde al tag di apertura con l’aggiunta di una slash dopo l’apertura di parentesi ( </nometag>).
Quindi, in sostanza alla fine avremo una cosa del genere:

&lt;NomeTag attributi&gt; contenuto &lt;/NomeTag&gt;

Ecco un esempio di testo centrato:

&lt;p align="center"&gt;Testo Centrato&lt;/p&gt;

Il nome del tag è “p“, ha un solo attributo “align” che ha come valore “center“; poi appare il testo da centrare e infine il tag equivalente di chiusura.
Gli attributi, come hai potuto notare poco fà, hanno come struttura:

&lt;tag attributo="valore"&gt;&lt;/tag&gt;

Inoltre, esistono alcuni Tags che non hanno bisogno di essere chiusi, come ad esempio l’inserimento di un’ immagine:

&lt;img src="immagine.jpg" title="La Mia Immagine" /&gt;

In questo caso, il tag “img” ha 2 attributi: src, che indica il percorso della immagine che vogliamo far apparire; e title, che ha come valore il titolo dell’immagine.
Rivedremo nelle prossime lezioni questo tag, comunque ti basta sapere che i tags di questo tipo si chiamano Empty (in italiano: vuoti).

Annidamento & Identazione

Per annidamento si intende la possibilità di inserire del codice HTML dentro a del codice HTML.

&lt;NomeTag1&gt;
&lt;NomeTag2&gt;
Testo
&lt;/NomeTag2&gt;
&lt;/NomeTag1&gt;

mentre l’ Identazione è un passaggio che ci permette di leggere più facilmente il codice (HTML o di qualsiasi linguaggio sia).

Per esempio:

<div><div><div>Titolo</div></div></div>

Sarà sicuramente meno leggibile di

&lt;div&gt;
      &lt;div&gt;
           &lt;div&gt;Titolo&lt;/div&gt;
      &lt;/div&gt;
&lt;/div&gt;

About the Author

Federico Ponzi

Studente, Webmaster ed appassionato di tutto ciò che è informatico con una spruzzata di scienza.

View all posts by Federico Ponzi

Leave a Reply