INSERIRE JAVASCRIPT NELLE PAGINE HTML
CREARE PAGINE WEB
Apriamo il blocco note di windows
( o altro editor di testo ) e scriviamo in colonna come e' scritto qui sotto:
<HTML>
<head>
</head>
<body>
</body>
</html>
Tutto il documento che faremo dovrà essere contenuto fra il tag <HTML> ( tag di inizio ) e </HTM > ( tag di chiusura ).
Nello spazio compreso tra i tag < HEAD> ( tag di inizio ) e </HEAD> (tag di chiusura ) ci andrà scritto solamente <TITLE > e poi scrivete il titolo del documento, e poi scrivete il tag di chiusura </TITLE> per identificare il documento.
Nello spazio compreso tra i tag <BODY> e </BODY> va scritto il documento vero e proprio. Se scriviamo una frase a caso tipo Ciao ragazzi, e quando andremo ad aprire il documento una volta finito, vedremo visualizzata sullo schermo solo Ciao ragazzi,Ma se scriviamo col linguaggio in codice tra il tag <body > e </body> potremo decidere il colore dello sfondo della pagina scrivendo bgcolor , le immagini da inserire , la loro dimensione ecc. e il colore e la grandezza del testo , usando appositi tag .
Per fare questo , invece di scrivere solo <BODY> possiamo scrivere :
<BODY BGCOLOR="#xxxxxx" ( al posto delle x vanno messi dei numeri che determinano il colore (vedi piu' avanti ) TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx">
Al posto delle x vanno messi numeri o lettere (come vedremo ).
BGCOLOR e' il colore dello sfondo, TEXT il colore del testo del documento, LINK il colore dei caratteri per le parole linkate
( cioe' che creeranno un collegamento ad un altro documento, file, o sito internet ), VLINK il colore del testo per i link già visitati, ALINK il colore del testo al momento del click sul link;.
Se come sfondo non si vuole un colore definito con numeri e lettere, ma si vuole utilizzare una immagine o una texture, al posto di BODY BGCOLOR si utilizza BODY BACKGROUND="nome_file.gif" , es. "nomefiore.gif" uppure "personaggio3.jpg" in base a come si chiama l'immagine che volete richiamare ( .gif e .jpg sono i formati di immagine supportati in rete.
Le immagini bitmap ( che hanno estensione .bmp) non vengono visualizzate e devono essere convertite in .gif o .jpg.
Nomi di colore e valori di sRGB
da mettere al posto delle xxxxxx del BGCOLOR
Black (Nero) = "#000000"
Green (Verde) = "#008000"
Silver (Argento) = "#C0C0C0"
Lime (Cedro) = "#00FF00"
Gray (Grigio) = "#808080"
Olive (Verde militare) = "#808000"
White (Bianco) = "#FFFFFF"
Yellow (Giallo) = "#FFFF00"
Maroon (Marrone) = "#800000"
Navy (Blu) = "#000080"
Red (Rosso) = "#FF0000"
Blue (Azzurro) = "#0000FF"
Purple (Viola) = "#800080"
Teal (Verde mare) = "#008080"
Fuchsia (Fucsia) = "#FF00FF"
Aqua (Acquamarina) = "#00FFFF"
Quando scriviamo un testo tra i tag <BODY> e </BODY> possiamo usare i tag <H1>, <H2>, <H3> ecc per ingrandire o rimpicciolire il testo, chiudendolo poi con </H1> o </H2>, ecc...secondo la grandezza voluta...fate delle prove per vedere i vari effetti). es; <H2>Scarpa </H2>
Per andare a capo bisogna scrivere il tag <BR> altrimenti il testo verra' visualizzato senza andare a capo.
Il paragrafo o i paragrafi di testo vanno posti tra i tag <P> (di<html> inizio) e </P> ( di chiusura) <P> equivale a <BR><BR> cioe' si va a capo due volte. I comandi tag possono essere scritti indifferentemente con lettere maiuscole o minuscole.
Tutto quanto detto e' riassunto in questo ESEMPIO di pagina html
<HTML>
<HEAD>
<TITLE> PAGINA HTML di Esempio ( va scritto ma non verra' visualizzato ) </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" LINK="#FF0000" VLINK="#9F0000" ALINK="#0000FF">
<H1>Elenco canzoni</H1>
<P>Questo è solo un esempio<BR>
Che mostra come usare i tags per scrivere <br>una pagina html></br></P>
</BODY>
</HTML>
Una volta aperto il documento finito , il titolo non apparira' sullo schermo , e dal nostro browser cio' che abbiamo scritto
sarà visualizzato così:
Elenco canzoni
Questo è solo un esempio
Che mostra come usare i tag per scrivere
una pagina html
Ripetendo : I tags vengo racchiusi da <...> e da un corrispondente </...> alla fine del testo da formattare.
