Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Marcatore (tag) <html> </html> <head> </head> <title> </title> <body> </body> Descrizione Inizia e termina una pagina html Inserisce le informazioni relative alla pagina Indica il titolo del documento Individua il corpo del documento Esempio <html>......</html> <head> <title>I marcatori</title> </head> <title>I marcatori</title> <body>....</body> <h1>Pippo</h1> <h6>Pippo</h6> Risultato Finale Nulla visualizzato I marcatori ( visualizzato in alto a sinistra del browser) I marcatori ( visualizzato in alto a sinistra del browser) Nulla visualizzato
Definisce il livello di <h1></h1> <h2></h2>....<h6></h6> carattere (<h1> il pi grande) <p> </p> <b> </b> <i> </i> <u> </u> <li> </li>
Pippo
Pippo Pippo Pluto Pippo Pippo Pippo (vedi es. completo sotto)
Divide il testo in paragrafi, <p>Pippo</p> separandoli con una riga <p>Pluto</p> orizzontale vuota Applica al testo il formato Grassetto Applica al testo il formato Corsivo Applica al testo il formato sottolineato Indica le voci come componenti di un elenco puntato Definisce le voci come componenti di un elenco puntato Definisce le voci come componenti di un elenco puntato <b>Pippo</b> <i>Pippo</i> <u>Pippo</u>
<ul> <li> voce1 </li> <li>voce2</li> </ul> <ol> <li> voce1 </li> <li> voce2 </li> </ol> 1
voce1
<ul> </ul>
<ol> </ol>
bgcolor ="......"
Descrizione Esempio Imposta il tipo, le <font face="Arial" size="5" color="blue"> pluto dimensioni e il colore del </font> carattere per un testo Imposta un colore allo sfondo della pagina (va <body bgcolor = "red"> inserito nel tag <body......>) genera un a capo nel testo Pippo <br> Pluto
Risultato Finale
pluto
Pippo <br> Pluto <p align="......"> </p> Imposta la posizione al testo contenuto tra i tag <p> e </p> (center,left,right) <p align="center">Informatica</p> Informatica Visualizzer il Portale del CdL di FSCC. Inserir l'immagine "internet.gif" Scorrer il testo "Ciao" cella1 cella2
Inserisce un collegamento <a href="mondoailati.unical.it">Vai </a> ipertestuale Inserisce un'immagine <img src="internet.gif">
<table><tr><td>....</td></tr></table> Crea una tabella <td>cella2</td> </tr> </table> <input type="text".......> Inserisce una casella di testo matricola: <br> <input type="text" name="matricola" size="5"> matricola:
Prepara una maschera per <form method="POST" action="inserisci.php"> inviare i dati contenuti nelle caselle di testo matricola: <br> <input type="text" name="matricola" size="5"><input type="submit" matricola: value="inserisci" name="inserisci"> ad un file (es. inserisci.php) per essere elaborati successivamente; </form> Permette di far aprire in <a maniera automatica il href="mailto:nomeutente@mondoailati.unical.it"> programma di posta Provare praticamente per elettronica (es. Outlook) e verificare il risultato! di impostare direttamente nomeutente@mondoailati.unical.it</a> il "destinatario" Inserisce una riga <hr> -----------------------------
<hr>
Imposta una immagine come sfondo della pagina background="nome file dell'immagine" <body background="sfondo.jpg"> (va inserito nel tag <body......>)