Jak vytvořit tabulku HTML. Tabulka barev

Začáteční webmasteři musí čelitspousta problémů. Zdá se, že dnes můžete použít šablony pro vytváření svých vlastních stránek, ale potíže je, že nemají vždy potřebné vlastnosti, a pak musíte buď vytvořit nový webový design od začátku, nebo provést změny již existujícího kódu. Zde potřebujete znalost kódu HTML a minimální představy o tom, jak nastavit pozadí a barvu stránky, vložit obrázek nebo video a vytvořit tabulku v HTML.

Začínáme na stole

Jedna z nejtěžších věcí při označováníStránky HTML jsou tabulky. Problém není v tom složitost tag, který ve skutečnosti není příliš obtížné pamatovat, a to při psaní kódu, můžete snadno udělat chybu - zapomenout registrovat další řádek nebo buňku, zadejte text není tam, kde je to nezbytné, a další drobnosti . A čím větší je stůl, tím větší je šance udělat chybu.

Proto, když začnete vytvářet tabulku v HTML, doporučujeme soustředit se co možná nejvíce a neměla by vás rozptýlit.

Především byste měli nakreslit budoucí stůl na list papíru, poznamenat, že ve které buňce se budete nacházet, stejně jako si všimnete základních parametrů tohoto nebo prvku.

Poté vypočítte počet řádků v řádkutabulka a počet buněk v každém řádku. Také doporučujeme zaznamenat takové položky, jako je přítomnost obrázků v tabulce, barva pozadí, ohraničení, text. Pouze poté můžete začít vytvářet tabulku HTML pomocí zaznamenaných informací.

Editor

Takže jste vytvořili rozvržení tabulky. Nyní musíte vybrat příslušný editor pro jeho vytvoření. Můžete si vybírat speciální návrháře stránek a vytvořit tabulku v nich. Pomocí tohoto softwaru není vytvoření tabulky mnohem obtížnější než v dokumentu aplikace Word. Můžete vybrat program, jako je aplikace FrontPage. Navzdory skutečnosti, že program je docela starý, s jeho pomocí můžete vytvořit dobré stránky, navíc najdete na něm více než jeden výukový program.

Pokud chcete pomocí tabulky HTML vytvořit tabulkuspeciální kód, můžete k tomuto účelu použít běžný zápisník nebo běžný dokument aplikace Word. Zde však budete muset pracovat tvrdě, protože budete muset napsat kód na dlouhou dobu.

Můžete použít vestavěný editormotor samotného místa. Takže při vytváření záznamu v mnoha motorech je možné přidat různé prvky včetně tabulek. Dokonce i když základní funkce editoru vás neuspokojují, změna kódu bude snazší než psát od začátku.

Tagy

Bez ohledu na editor, který jstebudete používat, než začnete vytvářet v html tabulce, měli byste si pamatovat hlavní značky. Existují tři z nich - <table>, <tr> a <td>. Všimněte si, že všechny značky jsou spárovány. První značka označuje tabulku jako celek, druhá určuje řetězec, třetí označuje buňku v řetězci.

O něco víc o každé značce. Tabulka vždy začíná značkou <table> a končí </ table>. Pro každý prohlížeč je to symbol toho, že tabulka je před ním. Další řádky jsou psány, které otevřou <tr> a končí tag </ tr>. Každý řádek používá značky <td> a </ td> pro zadání počtu buněk.

Takže kód tabulky 2x2 bude vypadat takto:

<table>

<tr> <td>

</ td> <td> </ td> </ tr>

<tr> <td> </ td> <td> </ td> </ tr>

</ table>

Do HTML stránky můžete vložit tabulku zkopírováním z vybraného editoru.

Parametry tabulek, řádků a buněk

Takže jsme rozložili základní kód. Nyní mluvíme o tom, jak zlepšit stůl, zvýšit jeho jasnost a přitažlivost. Chcete-li to provést, musíte znát základní parametry značek. Jsou zapsány uvnitř otvírací značky, přičemž po každém parametru je označen stejným znaménkem a poté je zapsána jeho hodnota, citována. Například pozadí v tabulce HTML je zadáno jako: <table bgcolor = "#FFFFFF">.

Zde je několik základních parametrů, které vám budou nejvíce užitečné. Začněme s tabulkou samotnou.

Takže můžete nastavit šířku parametru ohraničení okraje, který může mít libovolnou číselnou hodnotu. Barva okraje nastavuje bordercolor. Pozadí je nastaveno bgcolor.

Chcete-li vytvořit pozadí tabulky, použijte pozadí, zatímco byste měli předepsat adresu URL obrázku.

Zarovnejte obsah stránky kolem tabulky parametrem zarovnání, který může mít hodnoty vlevo, vpravo a vpravo.

Můžete použít párovou značku <caption>, která je přiřazena bezprostředně za značku otevření <table>.

Něco o parametrech řetězce. Barva buněk v řetězci je určena pomocí bgcolor. Text můžete zarovnat vodorovně zarovnáním parametrů (vlevo, vpravo nebo vpravo), vertikálně - valign (má hodnoty horní, střední nebo spodní).

Pokud jde o buňku, může být uvedeno, že barva pozadí a vzor pozadí je uveden na to se stejnými parametry jako pro celou tabulku. Zarovnejte text s možnostmi zarovnání a kalibrace.

Existují také speciální parametry - colspan a rowspan. Pomocí prvního můžete nastavit počet sloupců, do kterých bude buňka rozšířit. Druhá specifikuje počet řádků, na které může tato buňka rozšířit.

To jsou všechny nejužitečnější možnosti.

Tabulka barev

Řekněme pár slov o tak užitečné věci jakotabulka barev. Používá se pro nastavení pozadí stránky, barvy textu, odkazů a dalších prvků. Tabulka barev obsahuje asi 216 barev a odstínů. Každý z nich má vlastní hexadecimální kód.

Samotný kód začíná znakem mřížky a obsahujetři páry čísel nebo dopisů. Například zelená barva v tabulce má kód # 007F0. Každý pár udává intenzitu jedné ze tří primárních barev - červené, zelené a modré. Pomocí tabulky můžete vybrat požadovanou barvu a nastavit ji pomocí kódu.

Pokud tabulku nelze použít, můžete její barvu nastavit pomocí jejího názvu v angličtině.

Obsah

Několik slov o samotném obsahu. Samozřejmě, nejčastěji vidíme text v tabulce HTML, ale to neznamená, že ji můžeme pouze umístit. Buňky a řádky mohou také obsahovat kresby, zvukové a video soubory, odkazy.

Chcete-li umístit text nebo jiné informace do buňky (řádek), je nutné ji zaregistrovat mezi dvěma značkami. Například: <td> jméno </ td>. V buňce se zobrazí "Název".

Grafické informace a mediální soubory můžete umístit se speciálními značkami - <img>, <audio> a <video>.

Tipy

Nakonec uveďte několik užitečných tipů, které vám pomohou rychle vytvořit HTML tabulku jakékoliv složitosti.

Při psaní tabulky doporučujeme první nastavenítagy tabulky a její hlavní parametry. Poté napište řádkové značky. Začněte každý pár s novým řádkem. Takže uvidíte, kolik řádků v tabulce. Také zapište parametry řetězce nebo řetězce, pokud se liší od základních. Poté doporučujeme začít registrovat každou buňku také z nové linky. A je žádoucí vytvořit jednu nebo dvě odrážky Tab od okraje. Takto uvidíte strukturu kódu celkem jasně.

Obsah buněk a řetězců se doporučuje psát již na samém konci, kdy je rámeček tabulky připraven.