Sei sulla pagina 1di 3

Tag html

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>

voce2 1. voce1 2. voce2

<ol> </ol>

Marcatore (tag) <font> </font>

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

<a href="....">........</a> <img src="....."> <marquee> </marquee>

Inserisce un collegamento <a href="mondoailati.unical.it">Vai </a> ipertestuale Inserisce un'immagine <img src="internet.gif">

genera un testo scorrevole <marquee>Ciao</marquee> <table border=1><tr> <td>cella1</td>

<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:

Marcatore (tag) <input type="submit"....>

Descrizione Inserisce un pulsante cliccabile

Esempio <input type="submit" value="inserisci" name="inserisci">

Risultato Finale sar visualizzato un pulsante!

<form .... >...... </form>

attributo "mailto" del tag <a href>

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......>)

sar visualizzata l'immagine come sfondo della pagina!

Potrebbero piacerti anche