Hvordan sette et bilde som bakgrunn i en celle av Web Page Table

Opprette en nettside kan være en skremmende oppgave, spesielt hvis du aldri har gjort det før. Det krever kunnskap om HTML, og ofte CSS, språk for å posisjonere og stilisere elementer og objekter som skal gå på nettsiden. Men når du forstår og kan bruke disse språkene, har du en rekke alternativer er tilgjengelige for deg, slik som å være i stand til å legge til bilder til en nettside. Det er også mulig å angi et bilde som bakgrunn på en celle i en tabell.

Bruksanvisning

1 Åpne en web-redigering program eller et tekstbehandlingsprogram.

2 Åpne en eksisterende nettside eller opprette en ny.

3 Legg et bord til stedet på nettsiden der du ønsker å vise det. HTML-koden for en celle tabellen er:

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

Legg til flere rader og celler til bordet ved å legge til "<tr> </ tr>" koder for flere rader og "<td> </ td>" koder for flere celler, om ønskelig.

4 Legg CSS stil koden for bakgrunnsbildet til "<head> </ head>" delen av nettsiden. Koden for et bilde som heter "cell_background.jpg" er:

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

Endre nettadressen til å peke på plasseringen av bildet du skal bruke for cellen bakgrunn.

5 Legg klassen for bakgrunnsbildet til "<td>" tag i tabellen slik at den endelige HTML er "<td class =" style1 ">".

Hint

  • Hvis du ønsker å sette et annet bilde som bakgrunnsbilde for en annen celle, følger den samme metoden, men endre navnet på CSS-klasse.