Livello di difficoltà: |
|
Html è il linguaggio base per la creazione di un qualunque Web site. Nonostante sia fungibile con i programmi di Web authoring (Dreamweaver, Frontpage ecc.) è innegabile che la sua conoscenza permetta una gestione migliore del sito Internet.
|
| |
Le basi di un documento [1/2]
Guida ad Html
L'Html non è un vero e proprio linguaggio di programmazione, ma un sistema a marcatori per il posizionamento di testo, immagini ed altri oggetti all'interno di un documento che avrà come estensione .htm o .html.
<HTML>
<HEAD>
<TITLE>Titolo della pagina</TITLE>
</HEAD>
<BODY>
Testo della pagina
</BODY>
</HTML>
Il tag <TITLE></TITLE> serve per assegnare un titolo al documento che comparirà nella finestra di visualizzazione del tuo browser. Guarda da noi, c'è scritto "RISORSE.NET - Le basi di un documento <- La guida ad Html".
Mentre il tag <BODY> contiene il testo e le immagini del documento. Ad esempio in Risorse.net è ciò che stai leggendo adesso.
Andiamo adesso ad analizzare il primo tag veramente importante in Html, <HEAD>
Definisce le poprietà del documento Html. Altri tags contenuti all'interno dell'Header possono essere:
<TITLE>
assegna un titolo alla pagina.
<BASE>
serve per indicare l'url del documento (poco usato).
<NEXTID>
identifica il documento successivo (poco usato).
<LINK>
mette in relazione uno o più documenti Html (poco usato).
<ISINDEX>
significa che all'interno della pagina è presente un comando di ricerca. In Html 4 è stato in seguito sostituito con <INPUT>.
<META>
informazioni aggiuntive del documento in questione, utile soprattutto per i motori di ricerca. Troverai informazioni più dettagliate a proposito nella seconda puntata di questa guida.
Come abbiamo anticipato nell'introduzione alla puntata, il <BODY> contiene il testo e le immagini della pagina. Gli attributi di tale marcatore sono:
BGCOLOR=colore
Ad esempio <BODY BGCOLOR=BLACK> così la pagina avrà uno sfondo nero. Il colore può essere specificato anche con il sistema esadecimale (#000000 è nero, #FFFFFF è bianco ecc.)
BACKGROUND=indirizzo
Ad esempio <BODY BACKGROUND=img/sfondo.gif> in questo modo, il documento avrà come sfondo il file sfondo.gif contenuto nella cartella img.
TEXT=colore
Ad esempio <BODY TEXT=FFFFFF> in questo caso la pagina avra' lo sfondo nero ed il testo bianco.
LINK=colore
Ad esempio <BODY LINK="#C0C0C0"> i link saranno grigi. Di default sono blu.
ALINK=colore
Ad esempio <BODY ALINK="#800000"> i collegamenti attivi (Active Link) saranno bordeaux. Di default sono rossi.
VLINK=colore
Ad esempio <BODY BLINK="FFFF00"> gli ipertesti visitati (Visited Link) saranno gialli. Di default sono viola.
Esistono poi altri tags, letti però solo da Internet Explorer release 3.0 o superiori:
BGPROPERTIES=FIXED
Ad esempio <BODY BGPROPERTIES=FIXED> allo scorrere della pagina, lo sfondo rimane bloccato.
TOPMARGIN="valore"
Ad esempio <BODY TOPMARGIN=5> la distanza in pixel dal margine superiore. Il rispettivo attributo in Netscape è MARGINHEIGHT.
LEFTMARGIN=valore
Ad esempio <BODY LEFTMARGIN=16> la distanza in pixel dal margine di sinistra. Per ottenere l'identico risultato con Netscape è necessario utilizzare MARGINWIDTH.
Pagina successiva ->
Clicca per proseguire nella lettura dell'articolo
|