Tabell - en av de viktigste, men samtidig komplekse elementer som må være tilstede på nettsidene. Med deres hjelp er det praktisk å bruke en viktig og nyttig informasjon i en heller konsis form. Selvfølgelig, de fleste redaktører maler, arbeider på forskjellige motorer, automatisk setter inn en tabell i din nettside eller egen publikasjon, men hva om webdesign ressurs, sine sider laget fra bunnen av? Da novicemesteren kan få et problem: hvordan å lage en tabell i HTML. La oss se hvor raskt og korrekt skape elementet.
velge editor
Først av alt, begynner å opprette en tabell, bør du definere redaktøren der du vil arbeide. Selvfølgelig, den enkleste måten å velge programmet der du oppretter en grunnleggende nettsted kode. Men det er best å bruke til dette formålet den gode gamle notisblokk.
Du kan spørre, hvorfor komplisere livet ditt, fordi hvis du gjør alt rett i editoren, så resultatet kan sees umiddelbart, også, og selv ber program å bruke.
Ja, det er sant, men å skape en tabell fra bunnen av, vil du ikke bare være i stand til å grundig undersøke prinsippet om etableringen, men også for å hindre pinlige skrivefeil og feil i den underliggende koden. Noen ganger hender det tilfeldig at markøren flyttes ned, og prosessen med å skrive kode i feil sniker seg inn, som noen ganger er vanskelig å finne. Opprette en tabell i en notatbok, kan du kopiere koden og lim den inn i rette stedet for deg.
Algoritmen for å lage tabellen
For å begynne, ta en kort algoritme, hvordan å lage en tabell i HTML. Dette er for å sikre at du forstår sekvensen av hvert trinn. Deretter analysere nøyaktig hvordan du utfører hvert av elementene.
La oss starte med de forberedende handlinger.
1. Tegn skjematisk på papir tabellen bilde.
2. Tell antall rader og celler. Hvis antall forskjellige fortid - tenk på hver ryadochka separat.
3. Bestemme antall i rad-header-celler (for eksempel «№» celle, "Navn" og t. D.).
4. Skriv ned de viktigste parametrene i tabellen - fargen, høyde og bredde, tekstjustering - kort sagt, alt som du synes passer.
Så gå direkte til etableringen av tabellen:
1. Sett inn tags tabellen.
2. Sett inn kodene linjer basert på det beløpet du trenger.
3. Rekkene sette kodene i celler (normale og store bokstaver), også på grunnlag av det beløp som er tatt opp på papir.
4. Sett parametrene for hele tabellen.
5. Hvis du trenger å angi parametere for individuelle celler.
6. Fyll i vår celle tekst.
opprette en tabell
Så velger du redaktør, nå la oss se på hvordan du oppretter en tabell i HTML. Kode som gjør det mulig for bordet (
) er satt inn i siden koden er sammenkoblet, det vil si vår konstruksjon starter med denne koden, og slutter med .
Sette inn tags tabellen, fortsett å lage rader og celler.
Nå ser vi at disse elementene er også koblet sammen. Tag
definerer en streng, og | - celler.
For over-celler skal anvendes parvise elementer | .
Som allerede nevnt, er det første trinnet for å tegne en linje, så må de registrere celle. For å unngå forvirring, er det lurt å gjøre noen polstring mellom hver blokk i en linje eller to, eller annet å foreskrive en ny blokk elementer ved å bruke "Tab" -tasten.
Hvordan kan det se ut? Noe sånt som dette:
- ;
-
; -
№ p / p ; -
navn ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Som du kan se, ingenting komplisert om det. Det viktigste - ikke gå seg vill i antall rader og celler. Ellers er tabellen skrå.
Vi er demontert for å lage en tabell i HTML, nå kan vi gå videre til parameterne for både Matrix og dens rader og celler.
bord alternativer Når koden er skrevet, er det nødvendig å ta hensyn til følgende punkter: justering i tabellen HTML, fargen på den grenser, bakgrunn, tekst, og så videre.
Parametrene er spesifisert i tabellen tag . Disse inkluderer:
1. Border - grensen bredde. Definert ved et heltall. Som standard ethvert bord grenser forsvinne.
2. Bordercolor - fargen av grensen. Det kan gis som heksadesimale farge (# 00008B), og hans navn på angliykom (Dark). Som standard er det alltid grå.
3. bgcolor - bakgrunnsfarge. Som angitt av kode eller navn.
4. Align - justere teksten for tabellen. Standard - til venstre. Det er følgende alternativer for denne parameteren:
- venstre - høyre wrap;
- -obtekanie høyre til venstre;
- senter - tabellen utgang i midten med ingen flyt.
5. bredde og høyde - bredde og høyde av bordet. Det kan være enten i piksler eller som en prosent (i forhold til størrelsen på vinduet leseren).
Forskrivning en bestemt indikator, bør du være spesielt oppmerksom på design. Etter angivelse av parameteren for å gå skilt "lik", hvoretter i anførselstegn indikerer en forutbestemt verdi.
Som for fargen på teksten, så skimte det på samme måte som ren tekst i HTML-format.
Eksempel på et bord:
- ;
-
; -
№ p / p ; -
navn ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parametere rader Så vi har allerede funnet ut hvordan å lage en tabell i HTML og foreskrive de viktigste parametrene. Men hva hvis vi trenger å tildele en streng? Sjekk ut hennes ikke som hoveddelen av tabellen?
linjeparametrene blir skrevet på merkelappen | på samme måte som datatabellen. Å stille følgende variabler kan defineres:
1. Allerede kjent for deg grensen, bordercolor og bgcolor.
2. Juster - juster teksten i linjen. Den kan settes til venstre, midtre og høyre.
3. valign - merkelappen justerer teksten vertikalt. Det tar følgende verdier:
- topp - teksten er justert til den øvre grense;
- midtre - i midten;
- bunn - den nedre kant.
EKSEMPEL linje klaring:
-
; -
№ p / p ; -
navn ; - .
parametere cellene Og det siste du bør ta hensyn til dem som ønsker å vite hvordan å lage en tabell i HTML - parametrene av individuelle celler, både normal og kapital. Faktisk, alt er gjort på samme måte som på et bord eller rad. Den bare lagt to viktige elementer:
1. colspan - Denne parameteren angir antallet kolonner som cellen kan strekke seg.
2. Rowspan - viser allerede antallet rader okkupert av denne cellen.
Siden design er ikke forskjellig fra resept linjen, vil det ikke resultere i eksempelkoden.
funn Lag en tabell er ikke så vanskelig som det kan virke ved første øyekast. Det viktigste når du skriver sin kode - utholdenhet og oppmerksomhet.
Som for hvordan du setter inn en tabell i HTML, så det kodenummer er nok til å kopiere og lime den inn i stedet for siden din, som, etter din mening, bør plasseres.
Ikke vær redd for å eksperimentere, og snart er du perfekt mestret teknikken med å lage tabeller. Lykke til!
| |
| | |
| | | |
|