|
|
|
| Nøstet tabell HTML Tutorial |
|
HTML er en grunnleggende språk på websiden utvikling , det bruker et system av forhåndsdefinerte koder vedlagt innenfor " <" og "> " symboler . Hver linje av koden har åpnet tag og en lukket tag: < /tag > . Informasjonen du ønsker å vise på siden ligger mellom disse åpnes og lukkes koder. En av de avanserte funksjonene i HTML programmeringsspråk er bordet , det er innenfor tabellen kodesett : < /table> . Opprette en tabell i HTML
Bruke åpnes og lukkes tabellen koder du kan lage en enkel tabell struktur , du kan bruke de mange andre tilgjengelige koder i familien av koder som brukes i din HTML-tabell til lage noe veldig komplisert . Stilelementer definere størrelse, plassering, border og andre attributter i tabellen . Stilen informasjon vil bli lagt bare til den åpnede tag ; som et eksempel , for å legge til en 1 - piksel grensen til bordet du skal bruke dette kodesett : < /table> < . br > tabellen koden selv ikke produserer cellene for visning , skjønt. For å produsere celler , må du legge til en kode sett mellom åpne og lukkede tabellen koder . Koden setter brukes for å lage rader og kolonner er < /tr> og < /td >-kodene , den "tr " tag er for å lage en rad og " td " tag er for skape en kolonne . Du kan også bruke " th" tag i stedet for " td " tag å opprette en tabell header ; dette automatisk stiler innholdet i cellen for å skille det som en header
Reglene for programmering av en tabell . staten at du må legge de " td " koder innenfor " tr " koder innenfor "table " koder . En enkel en - celle bord med en en -pixel ramme rundt det ville se slik ut : | Rad 1 , kolonne 1 < /td > < /tr > < /table> . Å skape flere kolonner du ville bare plassere mer | < /td> koder i | -kodene , og å opprette flere rader du vil legge til mer < /tr > tags innenfor < /table> tags .
bilder Hekkende HTML-tabeller
Hekkende tabeller betyr ganske enkelt å plassere en tabell i en celle i en annen tabell . Den nye tabellen ville bli plassert mellom | kodene i den overordnede tabellen . En enkel en - celle bord med en 1 - piksel grensen ligger innenfor en to -cellers bord med en 1 - piksel grensen ville se slik ut : | Row 1 , Kolonne 1 < /td > | Rad 1 , kolonne 2 - Nøstet Table < /td > < /tr > < /table> < /td > < /tr > < /table> . Den nestet tabell i dette eksemplet ligger i den første raden og den andre kolonnen , du kan legge til mer "tr " og " td " koder til nestet tabell , legge til mer "tr " og " td " koder til den overordnede tabellen , eller med legge mer nestede tabeller i cellene i den overordnede tabellen eller nestet tabell for å skape en mer kompleks struktur .
Tips for Hekkende tabeller
Når du begynne å lage tabeller og hekkende dem til å lage mer komplekse strukturer kan det bli ganske forvirrende . Det er en god ide å tegne et diagram av tabellene før du begynner , slik at du kan se det og ta notater mens du arbeider . Når du oppretter koden , bør hver ny tag sett har sin egen linje , satt i en hard stopp ( inn ) etter hver lukket tag og deretter legge til kategoriene for å rykke inn hver tag sett . Denne typen strukturering vil gjøre tabeller lettere å lese
Du kan også kommentere linjene i programmering din ved hjelp av en spesiell kommentar tag sett ; . ! " < - " Bruke til å åpne kommentaren og "- - > "for å lukke det . Kommenterer kan plasseres hvor som helst innenfor HTML-koding , og det er en god måte å legge til notater for å minne deg selv på hva du har kodet.
Lage din nestet fra bunnen er opp også en god måte å unngå forvirring . Du ønsker å starte med din dypeste dekket bord ( se diagrammet du har opprettet), og deretter legge den i din overordnede tabellen og fortsette å jobbe utover på denne måten . Lagre arbeidet ofte og laste siden i en nettleser for å sørge for at strukturen er å snu seg slik du ser for deg.
|
|
| Copyright © Datamaskin http://www.datamaskin.biz/
|
| | | |
