Scaricare la presentazione
La presentazione è in caricamento. Aspetta per favore
1
Il linguaggio HTML Le pagine web sono file di testo scritte utilizzando il linguaggio HTML. I documenti HTML vanno racchiusi dentro una coppia di TAG (marcatori): apertura e chiusura. <html> ……………………………… …………………………… ………………. </html>
2
I tag devono essere racchiusi dentro parentesi acute <tag> Il tag di chiusura è preceduto da uno slash / </tag>
3
Il documento è diviso in due sezioni : 1. intestazione (head) 2
Il documento è diviso in due sezioni : 1. intestazione (head) 2. corpo del documento (body) <html> <head> ………….. </head> <body> ……… </body> </html>
4
Il titolo (title) del documento appare solo nella barra superiore della finestra del BROWSER. Non viene visualizzato nella pagina web. <html> <head> <title> </title> </head> <body> …………
5
<h3>Home page personale</h3> </body> <html>
I tag <h1>. . . <h6> e </h1> </h6> indicano la dimensione del carattere di scrittura. h1 è la dimensione massima, h6 è la minima. <body> <h3>Home page personale</h3> </body> <html>
6
I tag di allineamento (align) dispongono la stringa al centro, a sinistra o a destra della riga: align=center align=left align=right <body> <h3 align=“center”>Home page personale</h3> </body> </html>
7
<center> e </center> dispongono il testo a centro pagina:
<body> <center> <h1>Testo del titolo</h1> </center> </body> </html>
8
Tag utili: <br> porta a capo la successiva riga di testo <p> lascia una riga vuota <hr> traccia una linea orizzontale <b> e </b> danno la stringa in grassetto <i> e </i> danno la stringa in corsivo <blink> e </blink> per il testo lampeggiante
9
Per inserire immagini nella pagina:
<img src=“C:/documenti/foto.gif”> ( inserisce nella pagina il file grafico foto.gif memorizzato nella cartella documenti ) <img src=“foto.gif” width=“200” height=“150”> ( indica in PIXEL la larghezza e l’altezza dell’immagine )
10
COLLEGAMENTI (LINK) IPERTESTUALI <a href=“pagina2
COLLEGAMENTI (LINK) IPERTESTUALI <a href=“pagina2.htm”>vai a pagina 2</a> <a href=“pagina2.htm”><img src=“img.jpg”></a> N.B. Ci si può collegare anche al file gif , jpg , wav , mid ecc…
11
LISTE O ELENCHI PUNTATI <ul> <li>mele</li> <li>pere</li> <li>noci</li> </ul> …visualizza: . mele pere noci
12
LISTE O ELENCHI NUMERATI <ol> <li>mele</li> <li>pere</li> <li>noci</li> </ol> …visualizza: mele pere noci
13
Tabelle <table width="75%" border="1" align="center" bgcolor="#00FF00"> (la tabella occuperà il 75% della pagina, il bordo avrà la dimensione di un pixel, allineamento centrato e colore di sfondo ) <tr> inizia una nuova riga <td width="50%" bgcolor="#FF0000"> inizia una nuova colonna che occuperà il 50% della tabella con colore di sfondo <font color="#FFFFFF">prova</font> colore del testo della tabella </td> fine della colonna <td width="50%"> </td> </tr> fine riga </table> fine tabella
Presentazioni simili
