HTML è un “linguaggio” di programmazione (in realtà non si tratta di un vero e proprio linuaggio) basato sui tag ed è la base di ogni sito internet. Di conseguenza, non fa sicuramente male conoscere 10 tra i tag più importanti.
Dopotutto, semplicemente cliccando tasto destro e poi ispeziona elemento, oppure vedi codice sorgente, è possibile vedere il codice che sta dietro alla pagina che stiamo visualizzando. Essendo HTML relativamente semplice da imparare, è altrettanto semplice capire come una pagina sia creata.
Ma bando alle ciance, iniziamo con i 10 tag più importanti!
Head
Si tratta dell’inizio di ogni pagina internet e va aperto all’inizio, <head>, e chiuso alla fine della testata, </head>, di ogni pagina.
Title
Questo tag viene usato appunto per i titoli. Viene mostrato nel titolo della scheda che avete aperto e va inserito all’interno di head.
<head><title>Ehy, questa è la mia pagina!</title></head>
Body
Come suggerisce il nome, esso costituisce il corpo della pagina e va inserito dopo head.
<body>…..</body>
Headings
Questo tag serve per creare dei titoli all’interno della pagina, si possono inserire fino a un massimo di 6 titoli. Il tag è il seguente:
<hn>….</hn>
al posto di n inserite un numero.
Paragrafo
Questo tag serve per iniziare un nuovo paragrafo e andare a capo. Si indica con P:
<p>….</p>
Ancore
Le ancore servono per creare i collegamenti ipertestuali, i pezzi di testo cliccabili che rimandano in un’altra pagina. Di seguito un esempio:
<a href=”http://www.duckduckgo.com”>link </a>
Immagini
Per inserire un’immagine si deve usare il tag img come di seguito:
<img src=”img.jpg” >
al posto di img.jpg potete inserire il link dell’immagine.
Inputs Tags
I tag di input sono usati per creare diversi tipi di controlli in una pagina come box di testo.
< input name=”txt” type=”Text” />
Il tag sopra creerà un box di testo.
Lista non ordinata
Per costituire una lista non ordinata (un elenco puntato insomma) si utilizza il tag <ul> (unordered list). Per ogni elemento, va inserito all’interno di <ul> anche il tag <li>:
<ul>
<li>primo elemento</li>
<li>secondo elemento</li>
</ul>
Commenti
Per inserire un commento invece si utilizza il tag <! – commento ->.
Tra gli altri tag importanti, ricordo <em> per inserire testo in corsivo, <strong> per il testo in grassetto, <ol> invece viene usato per una lista ordinata (con i numeri) e si utilizza come <ul>.
Questi sono i tag più usati e frequenti, come spero vi siate resi conto si tratta di un linguaggio estremamente semplice. Se volete sperimentare e volete creare la vostra prima pagina web, aprite il vostro editor di testo preferito, e scriveteci del codice in HTML, ricordando di inserire all’inizio del file i tag <html> e alla fine, nell’ultima riga </html>. Una volta scritto, salvate il file con estensione .html e apritelo in un browser per vedere il risultato del vostro lavoro!