Premessa
L’autore di questa pagina si vergogna molto di quanto è qui scritto: I contenuti qui espressi sono molto vecchi, e già allora non erano granchè.
Un giorno avrò la voglia di aggiornare qualcosa.
Fino a quel giorno, consigliamo caldamente di andare di installare un browser affidabile (e libero) come Mozilla Firefox e di andare sul sito di Wikiversità dove vi è una valida (e libera) guida sull’HTML:
http://it.wikiversity.org/wiki/HTML
Gli strumenti di sviluppo di Mozilla Firefox, grazie alla sua comunità, sono a parer nostro i più avanzati che si possano mai desiderare e lo consigliamo vivamente per ogni uso.
Cos’è
L’Html è un formato testo, cioè una specie di linguaggio informatico che permette di impostare la parte testuale di una pagina web. Ad esempio se non ci fosse l’HTML, non ci sarebbero differenze tra i titoli, paragrafi, tabelle, immagini, i link, i testi se sottolineati o se in grassetto, o corsivi.., insomma non ci sarebbe nulla di tutto questo e un sito web si troverebbe come da un qualunque file di testo in .txt
Cosa ben poco accattivante!
In poche parole qui capirai alcuni buoni accenni alle sue funzionalità (senza dimenticare che però l’HTML sta già lasciando il campo al nuovo HTML5)
Il sito
Su Firefox è semplice capire come è fatto un sito web, basta anteporre ad un indirizzo la parola view-source per sbirciarne il suo codice HTML corrispondente, ovvero il codice pagina così com’è realmente, senza l’interpretazione del vostro browser (view-source:https://blog.reyboz.it). Con questo trucco è facile imparare che genericamente su ogni sito si ritrovano sempre i seguenti gruppi generali di tag HTML:
<html>
<head>
Settore 1
<title>
Titolo
</title>
</head>
<body>
Settore 2
</body>
</html>
Il cui settore 1, chiamato testa, o Head, è dedicato all’inserimento del titolo della pagina (oltre che a script in CSS, Javascript che vedremo un altro giorno), mentre la parte 2, detta corpo o Body, sarà la parte in cui ci concentreremo di più, poichè è il settore designato all’inserimento del contenuto vero e proprio del sito.
Oggetti del body: Le testate
Oltre al titolo vero e proprio espresso nel settore 1 Head, ci sono tag HTML destinate a creare Testate di varie grandezza, cioè titoli interni alla pagina.
Ad esempio per riportare 6 Testate di grandezza decrescente come ad esempio
1
2
3
4
5
6
In formato HTML corrispondono a:
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
Immagini
Circa mezzo secondo fa il vostro browser ha appena interpretato questo codice:
<img src="http://reybozblog.it/Reyboz-Blog-Icona.jpg"title="Icona Reyboz Blog"alt="Icona del sito" height="270" width="270">
Ed è comparsa sul vostro schermo l’immagine superiore dell’occhio, nostra famosa mascotte. Ma analizziamolo meglio:
<img
Esso inizializza la tag HTML con il comando relativo all’inserimento di un’immagine
src=”http://…”
Precisa da quale indirizzo proviene l’immagine
title=”…”
Da un titoletto ad essa
alt=”…”
Fornisce una breve descrizione
height=”…” width=”…”>
Restituisce l’immagine in altezza e larghezza espresse in pixel