Tabuľka - jeden z najdôležitejších, ale zároveň zložité prvky, ktoré musia byť k dispozícii na internetových stránkach. S ich pomocou je vhodné aplikovať dôležité a užitočné informácie v pomerne stručné forme. Samozrejme, že väčšina editorov v šablónach, pracujúci na rôznych motorov, automaticky vložiť tabuľku do svojich webových stránok alebo samostatné publikácii, ale čo keď navrhovaní zdroj webových aplikácií, jej stránky sú vytvorené od nuly? Potom nováčik master môže získať problém: ako urobiť tabuľku v HTML. Pozrime sa, ako rýchlo a správne vytvoriť položku.
zvoliť editor
Po prvé, počnúc k vytvoreniu tabuľky, mali by ste definovať editor, v ktorom budete pracovať. Samozrejme, že najjednoduchší spôsob, ako si vybrať program, v ktorom sa vytvorí základný kód webu. Ale to je najlepšie pre tento účel použiť starý dobrý poznámkový blok.
Možno sa pýtate, prečo komplikovať život, pretože ak urobíte všetko priamo v editore, potom výsledok môže byť videný okamžite, taky, a dokonca vyzve program používať.
Áno, to je pravda, ale k vytvoreniu tabuľky od nuly, budete môcť nielen dôkladne preskúmať princíp jej vzniku, ale tiež aby sa zabránilo trápne preklepy a chyby v podkladovej kódu. Niekedy sa to stane náhodou, že kurzor sa pohybuje dole, a proces písania kódu omylom zakrádajú dovnútra, čo je niekedy ťažké nájsť. Vytvorenie tabuľky v notebooku, môžete skopírovať kód a vložte ho na správnom mieste pre vás.
Algoritmus pre vytvorenie tabuľky
Ak chcete začať, urobiť krátku algoritmus, ako vytvoriť tabuľku v HTML. To má zabezpečiť, že ste pochopili postupnosť jednotlivých krokov. Potom presne analyzovať, ako vykonávať jednotlivé položky.
Začnime s prípravných akcií.
1. Nakreslite schému na papieri tabuľky obrazu.
2. Spočítajte počet riadkov a buniek. V prípade, že počet rôznych minulosti - myslieť na každej ryadochka samostatne.
3. Určite číslo v riadku hlavičky buniek (napríklad «№» bunky, "názov" a t. D.).
4. Zapíšte si hlavné parametre tabuľky - farby, výšky a šírky, zarovnanie textu - skrátka všetko, čo sa zdá fit.
Potom ísť priamo k vytvoreniu tabuľky:
1. Vložte tabuľku tagy.
2. Vložte tagy liniek založených na množstvo, ktoré budete potrebovať.
3. Riadky vložiť tagy buniek (normálne a veľká), tiež na základe množstva, ktoré sa zaznamenaný na papieri.
4. Nastavte parametre pre celú tabuľku.
5. Ak je potrebné nastaviť parametre pre jednotlivé bunky.
6. Vyplňte náš buniek textu.
vytvoriť tabuľku
Tak, môžete si vybrať editor, teraz sa pozrime na to, ako vytvoriť tabuľku v HTML. Tag, ktorý umožňuje tabuľky (
) sa vloží do kódu stránky je spárovaný, to znamená, že naša stavba začne s touto značkou a končí .
Vloženie tabuľky značiek, pokračujte k vytvoreniu riadky a bunky.
Teraz musíme poznamenať, že tieto prvky sú spárované. Tag
definuje reťazec a | - bunky.
Pre horný bunky by mali byť použité spárované prvky | .
Ako už bolo uvedené, je prvým krokom k nakresliť čiaru, potom sa musí registrovať bunky. Aby sa predišlo nejasnostiam, je vhodné robiť žiadnu výplň medzi každý blok v rade alebo dva, alebo stanoviť nový blok prvky pomocou klávesu "Tab".
Ako to môže vyzerať? Niečo také:
- ;
-
; - <Št> № p / p ;
-
Name ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Ako vidíte, nič o tom zložitá. Hlavná vec - nestratí v počte riadkov a buniek. V opačnom prípade sa tabuľka je naklonená.
Sme demontované vytvoriť tabuľku v HTML, teraz môžeme prejsť k parametrov oboch Matrix a jej riadkov a buniek.
možnosti tabuľka Ak je kód napísaný, je potrebné dávať pozor na nasledujúce body: zarovnanie v tabuľke HTML, farby na hraniciach, pozadia, textu, a tak ďalej.
Tieto parametre sú uvedené v značke tabuľky . Patria medzi ne:
1. Hraničné - šírka hranice. Definovaný celé číslo. V predvolenom nastavení všetky hranice tabuľka zmizne.
2. bordercolor - farba hranice. Môže byť podávaný ako hexadecimálne farby (# 00008B), a jeho mene angliykom (darkblue). Štandardne je vždy sivé.
3. bgcolor - farba pozadia. Ako je stanovené podľa kódu alebo názvu.
4. Align - zarovnanie textu pre tabuľku. Predvolené - na ľavej strane. K dispozícii sú nasledujúce možnosti pre tento parameter:
- ľavá - pravá wrap;
- -obtekanie hneď na ľavej strane;
- centrum - výstup tabuľky v stredu bez prúdu.
5. Šírka a výška - šírka a výška stola. To môže byť buď v pixeloch, alebo v percentách (vzhľadom k veľkosti okna prehliadača).
Predpisovanie určitého ukazovateľa, mali by ste venovať osobitnú pozornosť návrhu. Po zadaní parametrov ísť znamenie "rovné", po ktorom v úvodzovkách indikuje vopred stanovenú hodnotu.
Pokiaľ ide o farbu textu a potom rozoznať to rovnakým spôsobom ako obyčajný text vo formáte HTML.
Príklad tabuľky:
- ;
-
; - <Št> № p / p ;
-
Name ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
parametre riadky Tak už sme na to, ako vytvoriť tabuľku v HTML a predpísať jeho hlavných parametroch. Ale čo keď potrebujeme prideliť reťazec? Pozrite sa na ňu nie ako hlavnej časti tabuľky?
Parametre linky sú písané v tagu | v rovnakým spôsobom ako dátové tabuľke. Na linku tieto premenné môžu byť definované:
1. Už známe, že vás hranice bordercolor a bgcolor.
2. Vyrovnajte - zarovnanie textu v riadku. To môže byť nastavená doľava, stred a vpravo.
3. valign - značka zarovná text vo zvislom smere. Trvá nasledujúce hodnoty:
- top - text je zarovnaný na hornej hranici;
- prostredný - v stredu;
- Spodná - spodný okraj.
vôľa Príklad línia:
-
; - <Št> № p / p ;
-
Name ; - .
parametre bunky A posledná vec, ktorú by ste mali dávať pozor na tých, ktorí chcú vedieť, ako vytvoriť tabuľku v HTML - parametre jednotlivých buniek, a to ako normálne a kapitál. V skutočnosti všetko, čo sa deje rovnakým spôsobom ako pre tabuľku alebo riadku. Jediný pridali dva dôležité prvky:
1. colspan - Tento parameter určuje počet stĺpcov, pre ktoré môže bunka rozšíri.
2. rowspan - už udáva počet riadkov obsadených touto bunkou.
Vzhľadom k tomu, dizajn je nijako nelíši od predpisovaní riadku, nebude to mať za následok ukážkový kód.
zistenie Make tabuľka nie je tak zložité, ako by sa mohlo zdať na prvý pohľad. Hlavná vec pri písaní svojho kódu - vytrvalosť a pozornosť.
Pokiaľ ide o tom, ako vložiť tabuľku vo formáte HTML, potom jeho číselný kód stačí skopírovať a vložiť ho do miesta vašej stránky, v ktorých podľa vášho názoru, by mala byť umiestnená.
Nebojte sa experimentovať, a čoskoro sa dokonale zvládnutú techniku vytváranie tabuliek. Veľa šťastia!
|
| |
| | |
|