Hvordan Juster HTML-tabeller til høyre for teksten

August 8

HTML 4.01 tilbyr en måte å justere en tabell til venstre, midtre eller høyre på siden ved hjelp av en blokk-nivå tag kalt <div> </ div> tag.

Bruksanvisning

1

Lag ditt bord, ved hjelp av begynnelsen og slutten <table> </ table> koder i <body> </ body> kodene i HTML-dokument med minst en rad og en kolonne, som vist:
<Table>
<Tr>
<Td> </ td>
</ Tr>
</ Table>

2

Legg grensen attributt til bordet tag, sette den lik 1, og en setning mellom <td> </ td> -kodene som vist:
<Table border = "1">
<Tr>
<Td> Min Tabell </ td>
</ Tr>
</ Table>
Grensen attributt skaper en ramme rundt teksten ligger innenfor bordet, slik at du kan se tabellen.

3

Legg ved bordet med en <div> </ div> tag, som vist:
<Div>
<Table border = "1">
<Tr>
<Td> Min Tabell </ td>
</ Tr>
</ Table>
</ Div>
Den <div> </ div> koder er en blokk-nivå element i HTML, noe som betyr at kodene lage to bruddlinjer over og under sine koder, noe som tilsvarer å trykke Enter-tasten to ganger, både før begynnelsen < div> tag, og etter slutten </ div> tag.

4

Legg attributten "justere" og sette den lik "rett" til begynnelsen <div> tag "som vist:
<Div align = "right">
Lagre og laste opp dokumentet til serveren din.

5

Åpne nettleseren din, finner siden på serveren din, og tabellen vil bli justert helt til høyre på siden.

Hint

Den moderne måten å fullføre denne oppgaven er å plassere instruksjonene i et stilark .-- Legg en klasse attributt til begynnelsen <div> tag kalt 'rightalign' som vist: --- <div class = "rightalign"> - i overskriften på dokumentet, mellom <head> </ head> tags, skriver <style> </ style> -kodene .-- Skriv inn følgende mellom <style> </ style> tags: --- div. rightalign {position: absolute; høyre: 0px;} - Posisjoner attributtet lar deg flytte bordet slik det er i den nøyaktige posisjonen du ønsker, i piksler eller inches fra venstre, høyre eller toppen.