loader gif

HTML: estensioni e struttura di un tag

Prerequisiti e estensioni

Come prerequisiti vi rimando ai link proposti nell’articolo precedente.
Dopo aver scaricato Html Kit apritelo, selezionate la voce “Create a new file”. Quando dovrete salvare il file è importante che l’estensione sia .html o .htm, basta spostare il mouse in alto a sinistra su file e cliccare su “save as” (salva come), inserire il titolo e selezionare sotto l’estensione per il salvataggio.
Altri esempi di estensioni sono .png .jpg .bmp (estensioni per le immagini) che tratteremo più avanti.

N.B.: Consiglio vivamente di installare più browser sul proprio pc, in modo da poter confrontare come si vede il sito in ogni browser, inoltre per sapere l’estensione di un file che avete sul pc basta cliccare col tasto destro del mouse su tale file e selezionare proprietà, a seguito della voce tipo di file, tra parentesi, troverete la sua estensione.

Struttura dei primi TAG HTML

All’interno di ogni pagina sono presenti dei marcatori chiamati TAG, i tag vanno inseriti tra parentesi angolari “<TAG>” e la loro chiusura viene indicata con uno slash “</TAG>”, il contenuto va inserito al suo interno, con questo tag invece indichiamo i commenti del codice visibili solo nel codice sorgente della pagina: <!– commento –>.
Vediamo un esempio:

<TAG> <!-- tag apertura -->
 CONTENUTO
</TAG> <!-- tag chiusura -->

Esistono diversi tipi di tag e attributi, ne elenchiamo alcuni esempi:

<h1>Il tag h1 viene solitamente utilizzato come titolo della pagina</h1>
<p>
Questo tag racchiude solitamente un testo lungo, come un articolo
di un blog
</p>
<p align="right">
Questo tag è lo stesso del precedente con la differenza
che viene utilizzato l'attributo "align", infatti, questo tag,
se utilizzato dispone il testo giustificato a destra
</p>

Se inserite questo testo in una pagina html su Html Kit e cliccate su preview avrete questo risultato: ESEMPIO (clicca per visualizzare).
Elenco alcuni tra i più usati:

ELEMENTI DI BASE: tutti i documenti HTML devono contenere questi tag

Tipo documento <HTML> </HTML> (segnano l’inizio e la fine del file)
Titolo <TITLE> </TITLE> (titolo della pagina da inserire all’interno della testata)
Testata <HEAD> </HEAD> (informazioni descrittive come il titolo)
Corpo <BODY> </BODY> (contenuto della pagina)

 

TAG MOLTO USATI:

 

Link a una pagina <a href=”url indirizzo web” title=”titolo”> clicca qui per aprire il link </a> Visualizza immagine <img src=”url indirizzo web dell’immagine” title=”titolo” alt=”alternative titolo”/> Separatori per strutturare il sito <div> </div>

Nel prossimo articolo creeremo la prima pagina Web 🙂

Vai all’articolo precedente | Vai all’indice | Vai all’articolo successivo

Lascia un commento