Tabel - en af de vigtigste, men samtidig komplekse elementer, der skal være til stede på websider. Med deres hjælp er det bekvemt at anvende en vigtig og nyttig information i en temmelig kortfattet formular. Selvfølgelig, de fleste redaktører i skabeloner, der arbejder på forskellige motorer, automatisk at indsætte en tabel på din hjemmeside eller særskilt publikation, men hvad hvis det webdesign ressource, er dens sider lavet fra bunden? Så den uerfarne mester kan få et problem: hvordan man laver en tabel i HTML. Lad os se, hvor hurtigt og korrekt oprette elementet.
vælge redaktør
Først og fremmest, begynder at oprette en tabel, skal du definere editoren, hvor du vil arbejde. Selvfølgelig er den nemmeste måde at vælge det program, hvor du opretter en grundlæggende hjemmeside kode. Men det er bedst at bruge til dette formål de gode gamle notesblok.
Du kan spørge, hvorfor komplicere dit liv, fordi hvis du gør alting rigtigt i editoren, så resultatet kan ses med det samme, også, og selv beder programmet til at bruge.
Ja, det er rigtigt, men at oprette en tabel fra bunden, vil du ikke kun være i stand til grundigt at undersøge princippet om dets oprettelse, men også for at forhindre pinlige stavefejl og fejl i den underliggende kode. Nogle gange sker det ved en tilfældighed, at markøren flyttes ned, og processen med at skrive kode i fejl sniger sig ind, hvilket er nogle gange svært at finde. Oprettelse af en tabel i en notesbog, kan du kopiere koden og indsætte den i det rigtige sted for dig.
Algoritmen for at skabe bordet
Til at begynde, lave en kort algoritme, hvordan man laver en tabel i HTML. Dette er for at sikre, at du forstår rækkefølgen af hvert trin. Så analysere præcis, hvordan man udfører de enkelte elementer.
Lad os starte med de forberedende foranstaltninger.
1. Tegn den skematiske på papir bord image.
2. Tæl antallet af rækker og celler. Hvis antallet af forskellige fortid - tænk på hver ryadochka separat.
3. Bestem antallet i række-header-celler (for eksempel «№» celle, "Navn" og t. D.).
4. Skriv ned de vigtigste parametre for bordet - farven, højde og bredde, tekstjustering - kort sagt, alt det, du synes passer.
Så gå direkte til oprettelsen af tabellen:
1. Sæt tags bordet.
2. Sæt mærkerne for linjer baseret på det beløb, du har brug for.
3. Rækkerne indsætte tags af celler (normale og store), også på grundlag af det beløb, som er optaget på papir.
4. Indstil parametrene for hele tabellen.
5. Hvis du har brug for at indstille parametre for individuelle celler.
6. Udfyld vores celle tekst.
oprette en tabel
Så du vælger redaktør, lad os nu se på, hvordan man kan oprette en tabel i HTML. Tag, der giver bordet (
) indsættes i siden kode er parret, der er, vores konstruktion starter med dette tag og slutter med table>.
Isætning af tags tabellen, fortsætter med at oprette rækker og celler.
Nu kan vi konstatere, at disse elementer også er parret. Tag
definerer en snor, og - celler.
Til øvre-celler bør anvendes parrede elementer | .
Som allerede nævnt, er det første skridt til at trække en linje, så de er nødt til at registrere celle. For at undgå forvirring, er det tilrådeligt at gøre enhver polstring mellem hver blok i en linje eller to, eller andet at ordinere en ny blok elementer ved at bruge "Tab" -tasten.
Hvordan kan det se ud? Noget som dette:
-
; -
; -
№ p / p th>; -
Navn th>; - Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Tabel>.
Som du kan se, intet kompliceret om det. De vigtigste ting - ikke farer vild i antallet af rækker og celler. Ellers er denne vippes.
Vi er afmonteret for at oprette en tabel i HTML, nu kan vi gå videre til de parametre for både Matrix og dens rækker og celler.
table Indstillinger Når koden er skrevet, er det nødvendigt at være opmærksom på følgende punkter: tilpasning i tabellen HTML, farven på den grænser, baggrund, tekst, og så videre.
Parametrene er angivet i tabellen tag . Disse omfatter:
1. Border - kantbredden. Defineret ved et heltal. Som standard eventuelle tabelkanter forsvinde.
2. bordercolor - farven af grænsen. Det kan gives som hexadecimal farve (# 00008B), og hans navn på angliykom (DarkBlue). Som standard er det altid grå.
3. BGCOLOR - baggrundsfarve. Som angivet af kode eller navn.
4. Juster - tilpasning tekst for tabellen. Standard - til venstre. Der er følgende muligheder for denne parameter:
- venstre - højre wrap;
- -obtekanie højre til venstre;
- center - output tabel i midten med noget flow.
5. Bredde og højde - bredde og højde af bordet. Det kan enten være i pixels eller i procent (i forhold til størrelsen af browservinduet).
Foreskrive en bestemt indikator, skal du være særlig opmærksom på designet. Når du har angivet parameteren til at gå skilt "lige", hvorefter i anførselstegn angiver en forudbestemt værdi.
Med hensyn til farven på teksten, så gør ud af det på samme måde som almindelig tekst i HTML-format.
Eksempel på en tabel:
-
; -
; -
№ p / p th>; -
Navn th>; - Tr>;
-
; -
1 | ; -
Ivanov td>; - Tr>;
- Tabel>.
parametre rækker Så vi har allerede regnet ud, hvordan man laver en tabel i HTML og ordinere sine vigtigste parametre. Men hvad hvis vi har brug for at afsætte en streng? Tjek hendes ikke som det vigtigste organ af bordet?
line parametre er skrevet i tagget | på samme måde som data tabellen. At line kan defineres følgende variabler:
1. Allerede kendt for dig grænsen, bordercolor og bgcolor.
2. Juster - tilpasning tekst i linjen. Den kan indstilles til venstre, center og højre.
3. valign - tag justerer tekst lodret. Det tager følgende værdier:
- top - teksten er justeret til den øvre grænse;
- midten - midt;
- bottom - bundkanten.
EKSEMPEL line clearance:
-
; -
№ p / p th>; -
Navn th>; - Tr>.
parametre celler Og den sidste ting, du bør være opmærksom på dem, der ønsker at vide, hvordan man laver en tabel i HTML - parametrene for individuelle celler, både normale og kapital. Faktisk alt er gjort på samme måde som for en tabel eller række. Den eneste tilføjet to vigtige elementer:
1. COLSPAN - Denne parameter angiver antallet af kolonner for hvilken cellen kan strække sig.
2. rowspan - angiver allerede antallet af rækker besat af denne celle.
Da designet er ikke forskellig fra recepten linje, vil det ikke medføre, at prøven kode.
fund Lav en tabel er ikke så svært, som det kan synes ved første øjekast. De vigtigste ting, når du skriver sin kode - udholdenhed og opmærksomhed.
Med hensyn til, hvordan man kan indsætte en tabel i HTML, så dens kodenummer er nok til at kopiere og indsætte den i stedet for din side, hvor, efter din mening, skal placeres.
Vær ikke bange for at eksperimentere, og snart du er perfekt mestrer teknikken med at skabe tabeller. Held og lykke!
| |
| | |
| | | |
|