HTML má veľa prvkov akaždá z nich je svojím spôsobom jedinečná. Tabuľka je veľmi zaujímavý, relevantný a vážny predmet. Vďaka tomu môžete nielen pohodlne poskytovať informácie, ale aj vytvoriť celý rámec stránok.
Skôr všetci webmasteri používali tabuľky špecificky pre rozloženie stránok. Spočiatku neboli tabuľky na tento účel vymyslené. Preto na označenie lokality musíte použiť prvok blo div.
Ak nechcete byť vždy nováčikom,Zvyknite si okamžite urobiť všetko. V jazyku HTML je to veľmi dôležité. Do tabuľky by sa mali umiestňovať iba bežné informácie (text, odkazy, zoznamy, obrázky atď.), A nie celé stránky.
Tabuľka je zložitý prvok, ktorý sa skladá zveľké množstvo ďalších prvkov. Nezabudnite, že pri vytváraní buniek alebo riadkov musíte vždy okamžite zavrieť zatváraciu značku. V opačnom prípade bude všetko odletieť. Obslužný program prehľadávača vyhľadá koniec prvku a pokiaľ ho nenájde, zahrnie do tabuľky všetko ďalej. Výsledkom bude kaša.
Ak píšete web v programe Poznámkový blok, budete musieť robiť všetko ručne. Ak je v hotovom editore, potom zvyčajne existujú tlačidlá - „vložiť tabuľku“, „vložiť obrázok“ atď.
Príklad tabuľky 2 na 2.
Tr> Tr> Tabuľka> Značky Hlavné pravidlo: počet buniek v každom riadku by mal byť rovnaký. Toto je tabuľka. Ale rovnako ako v editore Word a Excel je možné bunky kombinovať. Kombinovať pomocou atribútov Colspan a Rowspan. Rozpätie sa prekladá ako „kryt“ alebo „prekrývanie“. Doslovným významom je zakrytie / prekrývanie buniek / riadkov. Hodnota tohto atribútu musí špecifikovať, koľko riadkov alebo buniek sa bude prekrývať. Nasleduje dobrý príklad použitia oboch atribútov HTML v tabuľke. V tomto príklade sa prvý riadok spojil 3bunky pomocou atribútu colspan = "3". Potom sa prvá bunka druhého radu rozložila na štyri rady. Pamätajte, že natiahneme / skombinujeme iba v prvej bunke. Jej majetok sa bude ďalej rozširovať. Všetko, čo príde skôr, nebude ovplyvnené. Ak máte 5 buniek a chcete ich kombinovať od 2 do 4, musíte v bunke číslo 2 uviesť atribút colspan = "3". Venujte pozornosť číslu bunky 9 na obrázku vyššie. Kombinovali súčasne bunky aj riadky. Takéto konanie nie je zakázané. Pozrite si ďalší príklad na opravu informácií. Pretože niektoré zamieňajú atribúty a niekedy namiesto buniek, riadky sa kombinujú. Vezmite zvyčajný štandardný prípad HTML. Tabuľka obsahuje dva riadky, z ktorých každá obsahuje dve bunky. Výsledok kódu bude nasledujúci. Ako vidíte, neexistujú žiadne účinky. Môžete pridať rám, určiť šírku a výšku. Môžete tiež hrať s vyrovnaním. Môže byť zarovnaný na výšku aj na šírku. Zarovnať pre vodorovné zarovnanie a zarovnanie pre vertikálne zarovnanie. Toto je taký výsledok. Atribúty zarovnania a zarovnania sa dajú použiť na celý riadok. Potom všetky bunky, ktoré sú v ňom, sa budú riadiť týmito atribútmi. Okrem značiek Podobne ako všetky značky HTML aj tabuľkaPrevod cez štýly. V oblasti hlavičky musíte zadať šablónu so štýlmi alebo hotový štýl (tiež uvedený v hlavičke). ... tabuľka { rodina fontov: Verdana, Arial, Helvetica, sans-serif; farba: # 000000; } .moja trieda { farba: # 666666; } Style> ... Head> Ak ste zadali iba tabuľku, potom tento štýlplatí pre všetky tabuľky na stránke. Absolútne pre všetkých. Ak však použijete druhú metódu, kde je označený ľubovoľný názov bodkou, tento štýl je možné použiť na ľubovoľnú tabuľku bez toho, aby to ovplyvnilo ostatné. Upozorňujeme, že triedy sa môžu použiť ako pre tabuľku, tak aj pre konkrétnu bunku alebo riadok. Tr> Tr> Tabuľka> Ak niekde v názve štýlu existuje chyba,neuvidíte výsledok. Ak sa vyskytnú chyby v samotnom štýle, ale názvy sa zhodujú, nebude to mať žiadny účinok. Každá čiarka alebo dvojbodka hrá veľkú úlohu. Aké atribúty je možné zapísať do tried štýlov? Existuje toľko atribútov, ktoré sa vzťahujú špecificky na tabuľky. Zoberme si tie najzákladnejšie, ktoré sú pre vás užitočné. align Horizontálne zarovnanie valign Zvislé zarovnanie pozadie Obrázok na pozadí v bunke / tabuľke bgcolor Farba pozadia bunky bordercolor Farba rámu tabuľky / bunky výška Výška bunky nowrap Zabráňte zalomeniu textu v riadku. šírka Šírka bunky / tabuľky Ako vidíte, HTML môžete používať v tabuľke s veľkým počtom „nástrojov“. Vďaka štýlom môžete vytvárať rôzne krásne tabuľky. Všetko záleží na tom, čo a ako sa vám páči. Ako vidíte, ak používate značky HTML, tabuľku je možné transformovať mimo rozpoznávania. Hranice možností sú určené vašou fantáziou. text prvej bunky prvého riadku text druhej bunky v prvom riadku text prvej bunky v druhom riadku text druhej bunky v druhom riadku a
označujú začiatok a koniec tabuľky. Značky a sú začiatok a koniec riadku. Jeden riadok môže obsahovať ľubovoľný počet buniek, ktoré sú definované značkami a .Ako skombinovať bunky v tabuľke?
Dizajn stola
a existuje aj ďalšia značka . V skutočnosti je to analóg , ale používa sa iba v prvom riadku a slúži ako nadpis. V predvolenom nastavení je text v vycentrovaný a tučný. Ako spojiť štýly s tabuľkou?
text prvej bunky prvého riadku text druhej bunky prvého riadku text prvej bunky v druhom riadku text druhej bunky v druhom riadku Ďalšie atribúty pre tabuľky
Krásne vytvorené pomocou HTML tabuliek. Príklady