Come impostare una immagine come sfondo in una cella di pagina Web Tabella

September 1

La creazione di una pagina web può essere un compito intimidatorio, soprattutto se non avete mai fatto prima. Si richiede la conoscenza del codice HTML, CSS e spesso, lingue al fine di posizionare e stilizzare gli elementi e gli oggetti che saranno in corso sulla pagina web. Tuttavia, quando si capisce e possibile utilizzare queste lingue, si dispone di una varietà di opzioni a vostra disposizione, come ad esempio la possibilità di aggiungere immagini a una pagina web. È anche possibile impostare un'immagine come sfondo di una cella in una tabella.

istruzione

1 Aprire un programma di editing web o un'applicazione di elaborazione testi.

2 Aprire una pagina web esistente o crearne uno nuovo.

3 Aggiungere una tabella per la posizione sulla pagina web in cui si desidera per visualizzarlo. Il codice HTML per una tabella di una cella è:

<Table> <tr> <td> </ td> </ tr> </ table>

Aggiungere più righe e celle al tavolo con l'aggiunta di "<tr> </ tr>" tag per le righe aggiuntive e "<td> </ td>" tag per celle aggiuntive, se lo si desidera.

4 Aggiungere il codice di stile CSS per l'immagine di sfondo per la "<head> </ head>" sezione della pagina web. Il codice per un'immagine chiamata "cell_background.jpg" è:

. <Style type = "text / css"> style1 {background-image: url ( 'cell_background.jpg;);} </ style>

Modificare l'URL per puntare alla posizione dell'immagine che verrà utilizzato per lo sfondo della cella.

5 Aggiungere la classe per l'immagine di sfondo per il tag "<td>" nella tabella in modo che il codice HTML finale è "<td class =" style1 ">".

Consigli e avvertenze

  • Se si desidera impostare un'immagine diversa come immagine di sfondo per una cella diversa, seguire lo stesso metodo, ma cambiare il nome della classe CSS.

Articoli Correlati