May 4
Immagini e tabelle sono due elementi comuni su molti siti web. Le immagini possono essere di persone o cose, grafica, animazioni o qualche altra immagine. Le tabelle di organizzare i dati e contenuti in modo logico. Hai una grande flessibilità nel personalizzare l'aspetto di tabelle, tra cui specifica di un confine, la spaziatura tra le celle e il contenuto, la dimensione della tabella e che confina a mostrare. I tag immagine sono molto più semplici. È sufficiente fornire l'URL dell'immagine e del testo per descriverlo, poi lasciare che il browser faccia il resto.
1 Aprire un file di testo vuoto, salvarlo come "index.html" e inserire il cursore nella parte superiore del file.
2 Digitare quanto segue:
<Html>
<Head>
<Title> My Web pagina </ title>
</ Head>
<Body>
Modificare il testo nel tag title. Questo imposta la sezione testa per la pagina indice del tuo sito web. Tutto il contenuto che i visitatori vedono è contenuto all'interno dei tag body.
3 Digitare quanto segue:
<Img alt = "La mia immagine">
Modificare il valore dell'attributo src per il percorso in cui è stato salvato l'immagine. L'attributo alt viene visualizzato il testo quando il mouse del visitatore si libra sopra l'immagine o se il collegamento all'immagine non funziona. Modificare il testo per descrivere meglio l'immagine, o eliminare il testo del tutto.
4 Digitare quanto segue:
<Table>
<Tr>
<Td> Riga 1, Cella 1 </ td>
<Td> Riga 1, cellulare 2 </ td>
</ Tr>
<Tr>
<Td> Row 2, Cella 1 </ td>
<Td> Row 2, cellulare 2 </ td>
</ Tr>
</ Table>
Il tag tabella definisce una nuova tabella. Il tag TR definisce una nuova riga della tabella, mentre il tag td definisce una nuova cella di una tabella.
5 Digitare quanto segue:
<Table border = larghezza "1px" = "50%" cellpadding = "10px" cellspacing = regole "5PX" = "file">
<Tr>
<Th> Riga 1, intestazione 1 </ th>
<Th> Riga 1, Intestazione 2 </ th>
</ Tr>
<Tr>
<Td colspan = "2"> Row 2, Cella 1 e 2 </ td>
</ Tr>
</ Table>
Il tag ° posto del tag td specifica di una colonna. Si concentra e grassetto il testo nella cella. Il tag tabella non richiede alcuna attributi aggiuntivi, ma si può includere qualsiasi dei diversi per personalizzare il suo aspetto. In questo esempio, la tabella ha un bordo che è 1 pixel di larghezza. L'attributo cellpadding posiziona 10 pixel tra l'interno delle pareti cellulari e il contenuto all'interno delle cellule e l'attributo cellspacing mette 5 pixel tra le celle. Le regole attributo specifica che un bordo dovrebbe essere mostrato solo in righe. L'attributo width specifica che la tabella dovrebbe prendere il 50 per cento dello schermo.
6 Digitare il seguente e quindi salvare e chiudere il file:
</ Body>
</ Html>
Questi tag chiudono i tag body e html aperto all'inizio del documento.