Continuiamo a parlare di HTML, il linguaggio per realizzare siti Internet.
L'unica accortezza che dobbiamo avere, quando salviamo il file, è quella di dargli un nome aggiungendo noi l'estensione ".html" (ad esempio, lamiapagina.html).
Un file html è composto dalle seguenti sezioni:
1. Header (=Intestazione): contiene informazioni sulla pagina come il titolo, i metatag (utilizzati dai motori di ricerca come Google per catalogare il sito), il linguaggio con cui è realizzata ed altre informazioni opzionali, come eventuali stili, codice di altri linguaggi. In genere si tratta di elementi che non vengono visti quando si consulta un sito.
2. Body (=Corpo): costituisce il contenuto vero e proprio della pagina; comprende testo, immagini, video, link, tabelle, menu e tutto quello che vediamo in una pagina web.
3. Footer (=Piede): contiene tutte quelle informazioni visibili dall'utente che vengono poste in fondo alla pagina. E' come se fosse una specie di appendice del Body.
Diamo adesso un'occhiata al codice di base che compone una pagina html.
Abbiamo detto che l'HTML utilizza dei delimitatori chiamati tag, racchiusi tra parentesi uncinate, che permettono al browser di capire dove inizia e dove finisce un elemento.
Ogni tag ha un nome diverso, a seconda del tipo di elemento (immagine, elenco puntato, testo, ecc.).
Il primo tag che dobbiamo inserire è <html>, proprio perché dobbiamo specificare al browser che si tratta di una pagina in html.
Ogni tag va inserito 2 volte: la prima per indicare dove inizia e la seconda dove finisce.
Il principio da seguire è "il primo che si apre è l'ultimo che si chiude" e, di conseguenza, l'ultimo ad aprirsi sarà il primo a chiudersi.
Confusi?
Cominciando a scrivere il codice sarà tutto più chiaro.
Per distinguere i tag di apertura da quelli di chiusura, si inserisce uno slash (/) prima del nome del tag di chiusura.
<html>
... Contenuto della pagina ...
</html>
Tra il primo ed il secondo tag ci sta praticamente tutto, compresi Header, Body e Footer.
Anche questi infatti sono delimitati dai propri tag:
<html>
<header>
... Contenuto dell'intestazione ...
</header>
<body>
... Cotenuto del corpo ...
</body>
<footer>
... Contenuto del piede ...
</footer>
</html>
Il tag <html> si apre all'inizio e si chiude alla fine perché contiene tutti gli altri tag.
Gli altri tag invece sono uno dopo l'altro, quindi appena finisce l'header inizia il body e dove finisce il body inizia il footer.
_____________________________
Post correlati:
- Basi di HTML - Parte 1
- Basi di HTML - Parte 1
Nessun commento:
Posta un commento
Dubbi? Suggerimenti? Critiche? Fatti sentire!
Mi aiuterai a migliorare questo spazio.
Nota. Solo i membri di questo blog possono postare un commento.