HTML/Includere altri linguaggi

Wikibooks, manuali e libri di testo liberi.
Jump to navigation Jump to search

Fogli di stile[modifica]

Searchtool.svg Per approfondire, vedi CSS/Regole e sintassi.

Il tag <style>[modifica]

È possibile scrivere direttamente nell'header della pagina (quindi bisogna includerle tra i tag <head> e </head>) le dichiarazioni di fogli di stile che desideriamo grazie al tag <style> la cui sintassi è: <style type="tipo">Istruzioni di stile </style>

Ecco un esempio:

 <head>
   <style type="text/css">
     DIV {FONT-FAMILY: Verdana,Helvetica;FONT-SIZE:11px}
   </style>
 </head> 

Questo renderà tutto il testo contenuto tra i tag <div>,</div>, del font Verdana o in caso di sua assenza di Helvetica, famiglia generica. Il testo sarà grande 11px.

Nota

ll tipo di foglio di stile non deve essere necessariamente text/css ma dipende da foglio di stile che si desidera utilizzare, ad oggi i CSS sono sicuramente i più usati ma verranno presto soppiantati o comunque affiancati dagli XSLT

Inclusione da file esterno[modifica]

È possibile creare dei veri e propri fogli di stile che contengono solamente istruzioni di stile con totale assenza di HTML (nel caso in cui fosse presente, il foglio di stile non funzionerà). Per poter includere i fogli di stile all'interno dell'HTML è necessario il tag <link>, la cui sintassi è la seguente <link rel="parola" href="url del foglio di stile" type="tipo">. Il tag deve essere necessariamente incluso tra i tag <head></head>.

Ecco un esempio:

 <head>
  <link rel="stylesheet" href="http://www.prova.it/fogliodistile.css" type="text/css">
 </head>

Inclusione inline[modifica]

La maggior parte dei tag supportano l'attributo style i cui valori possono essere istruzioni di stile CSS di qualsiasi tipo. In questo caso sarà necessario omettere le parentesi graffe per far sì che il codice venga interpretato nella maniera corretta dal browser. Gli elementi inline solitamente prevalgono sugli altri metodi di inclusione di istruzioni di stile, quindi se in un foglio di stile esterno scriviamo di voler avere tutto il testo della pagina in blu, possiamo modificare il colore dei soli titoli attraverso una dichiarazione inline, rendendoli ad esempio, neri.

La sintassi è: <nometag style="istruzioni di stile"></nometag>

Ecco un esempio:

<body>
   <div style="color: red;">questo testo sarà rosso</div>
</body>

Flash[modifica]

Per inlcudere un'animazione in flash è necessario usare il tag <object> al cui interno è necessario inserire il tag <param>.

Ecco un esempio:

<body>
  <object type="application/x-shockwave-flash" data="animazione.swf" width="10%" height="10%">
   <param name="movie" value="animazione.swf">
   </object>
</body>

JavaScript, VBScript e linguaggi di scripting[modifica]

Searchtool.svg Per approfondire, vedi JavaScript/Il nostro primo programma#Inserire un JavaScript in una pagina HTML.

Per includere un linguaggio di scripting si può usare il tag script, con il quale si può, o aprirne uno indipendente con l'attributo src, oppure scrivere direttamente nel file html lo script. Esempio:

<body>
   <script src="percorso"></script>
</body>

Per richiamare lo script conoscendone il percorso. Questo può essere di tre tipi:

  1. percorso di rete (è un percorso assoluto): src="http://www.sitodiprova.org/cartella/script.js";
  2. percorso relativo (prende come cartella di riferimento quella del file html): src="script.js";
  3. percorso assoluto nel computer: src="/home/utente/script.js" ovviamente con linux e src="C:\Users\utente\documenti\script.js" per Windows.
<body>
   <script language="vbscript">MsgBox "Sei su wikibooks",0,"Wikibooks"</script>
</body>

Questo codice stamperà a video una finestra di dialogo; all'interno dei tag ovviamente è possibile inserire qualsiasi istruzione del linguaggio in questione. Per inserire un JavaScript si usa la medesima procedura:

<body>
   <script language="javascript">
 function stampa()
  {
   if (window.print)
   {
     window.print();
   }
 }</script>
</body>

Questo codice permette, una volta richiamata la funzione, di stampare il testo della pagina. Se javascript non è supportato dal browser non si otterrà alcun risultato.