pag: 1 /
2 /
3 /
4 /
next

Corso XHTML

I tag

-Autore: Mirko V. -Link: http://www.simpleinformatica.it

Lista tag principali:

Codice	Descrizione

<!-- -->	Commenta il codice sorgente.
<br />	Manda a capo il testo.
<em>	Corsivo.
<hr />	Inserisce una riga orizzontale.
<h1> ... <h6>	Marcano i titoti di diverso livello d'importante gerarchica da h1 a h6.
<p>	Marca un paragrafo.
<strong>	Grossetto.

Le tabelle:

Il tag <table> contiene la tabella.
La tabella contiene delle righe <tr> e ogni righa contiene delle celle <td>.
Ogni cella può contenere qualsiasi altro tag.

<table>
   <tr>
      <td>SCRITTA1</td>
      <td>SCRITTA2</td>
   </tr>
   <tr>
      <td>SCRITTA3</td>
      <td>SCRITTA4</td>
   </tr>

SCRITTA1	SCRITTA2
SCRITTA3	SCRITTA4

In sostituzione al tag <td> si può utilizzare il tag <th> che centra il contenuto della cella e mette in grossetto le scritte.

Per visualizzare il bordo bisogna inserire nel tag <table> border="1" in questo modo: <table border="1">

<table border="1">
   <tr>
      <th>SCRITTA1</th>
      <th>SCRITTA2</th>
   </tr>
   <tr>
      <td>SCRITTA3</td>
      <td>SCRITTA4</td>
   </tr>

SCRITTA1	SCRITTA2
SCRITTA3	SCRITTA4

Una tabella avrà sempre una forma regolare quadrata o rettangolare che sia, è possibile fondere le celle fra di loro sia in modo orizzontale che verticale (righe e colonne) per dare vita a tabelle irregolari, per farlo si adoperano gli attributi: rowspan e colspan che servono rispettivamente per occupare più di una sola cella in senso orizzontale e più di una sola cella in senso verticale, come tali sono applicabili al solo elemento cella <td>.

<table border="1">
   <tr>
      <th>SCRITTA1</th>
      <th>SCRITTA2</th>
   </tr>
   <tr>
      <td colspan="2">SCRITTA3</td>
   </tr>

SCRITTA1	SCRITTA2
SCRITTA3

<table border="1">
   <tr>
      <td rowspan="2">SCRITTA1</td>
      <td>SCRITTA1</td>
   </tr>
   <tr>
      <td>SCRITTA3</td>
   </tr>

SCRITTA1	SCRITTA2
	SCRIITA3

Le liste:

Le liste non ordinate sono caratterizate dal tag <ul>

Le liste numerate invece sono caratterizate dal tag <ol>

I collegamenti ipertestuali:

Sono collegamenti tra una risorsa web ed un'alrtra.

SORGENTE >>> DESTINAZIONE

La destinazione può essere:

un elemento interno alla pagina web
un'altra pagina web
immagini
suoni
altri file

Collegamento interno

SORGENTE:

<a href="#sezione1">sezione 1</a>

<a href="#sezione2">sezione 2</a>

<a href="#sezione3">sezione 3</a>

DESTINAZIONE:

<a id="#sezione1">Questa è la sezione 1</a>

<a id="#sezione2">Questa è la sezione 2</a>

<a id="#sezione3">Questa è la sezione 3</a>

Collegamento ad un'altra pagina web

<a href="link della pagina" title="descrizione della destinazione">TESTO VISUALIZZATO</a>

TESTO VISUALIZZATO

Le immagini:

Il tag img consente l'inserimento di un immagine.

Attributi obbligatori

scr: nome del file da visualizzare
alt: breve descrizione dell'immagine
heigth e width: contengono le dimensioni dell'immagine e permettono di visualizzare più velocemente la pagina.

pag: 1 /
2 /
3 /
4 /
next