|
Prima di cominciare a lavorare a stretto contatto con il codice è bene soffermarsi su questi tre elementi: il ''tag'', l'''attributo'', e il ''valore''.
Il '''tag''' è l'unità fondamentale, la potremmo definiredefinirla l'istruzione che fa capire al [[w:browser web|browser]] come intrepretare il codice e visualizzarlo sul monitor. Attraverso i tag possiamo definire molti elementi di un documento: paragrafi, colore del testo, collegamenti ipertestuali e quant'altro. Ogni tag è caratterizzato da tre componenti:
*<'''<''' il segno di minore
*nome il suo '''nome'''
*>'''>''' il segno di maggiore
Un tag di chiusura ha la particolarità che dopo il segno di minore ha uno slash ''/'' che comunica al [[w:browser web|browser]] che quellosi ètratta, per l'appunto, di un tag di chiusura.
All'interno dei tag vi è poi il contenuto, che èossia quello che verrà formattato secondo le regole del tag chein locui è comprendecompreso. Per fare il punto della situazione, la sintassi comune alla maggior parte dei tag è la seguente: <code><nome tag>contenuto che verrà formattato</nome tag></code>
Ad esempio il tag <code><nowiki><h1></nowiki></code> serve per determinare i titoli e quindi rendere il testo al suo interno più grande rispetto al contenutoresto della pagina. Ecco ad esempio un codice che visualizzerà sul nostro [[w:browser web|browser]] un titolo (non vi preouccupate del resto del codice, verrà analizzato in seguito).
<html>
<head>
</head>
<body>
<nowiki><h1></nowiki>Wikibooks<nowiki></h1></nowiki>
</body>
</html>
In realtà non tutti i tag necessitano di essere chiusi ve ne sono; alcuni che sono a sè stanti e verrano affrontati nel corso del wikibook.<br />
LaQuasi maggiortutti parte deii tag, quasi tutti, supportano gli '''attributi''', ossiacioè dei parametri che servono a definire ad esempio l'allineamento del testo, ilalcune suoproprietà colorespecifiche. Ogni attributo è costituito da un valore che determinerà, ad esempio, se questo verrà visualizzato a destra o a sinistra, o se il testo sarà di colore rosso piuttosto che nero.
Ecco la struttura di un tag con tutti gli elementi che abbiamo definito:
| 