Jak vytvořit tabulku HTML. Tabulka barev

Noví webmasteři se musí vypořádat s mnoha problémy. 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 nejobtížnějších věcí při označování stránky HTML je tabulka. A problém není v složitosti tagů, které se ve skutečnosti tak těžko nezapamatují, ale že při psaní kódu můžete snadno dělat chyby - zapomenout zapsat další řádek nebo buňku, napsat text na nesprávném místě a další malé věci . 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 pro sebe uvědomujete základní parametry tohoto nebo prvku.

Poté počítat počet řádků v tabulce 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í, hranice, 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 vytvořit tabulku HTML se zvláštním kódem, můžete pro tento účel použít běžný poznámkový blok 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 editor zabudovaný do samotného motoru webu. 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 to, který editor používáte, předtím, než začnete vytvářet v html tabulce, měli byste si pamatovat hlavní značky. Celkem tři -

O něco víc o každé značce. Tabulka vždy začíná značkou

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

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 definováno jako:

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árovanou značku pro nastavení titulu , který je registrován hned za otvírací značkou

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, lze poznamenat, že barva pozadí a obrázek pozadí jsou pro ni nastaveny pomocí stejných parametrů jako u celé tabulky. 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 takové užitečné věci, jako je tabulka 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 obsahuje tři páry čísel nebo písmen. 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: jméno . V buňce se zobrazí "Název".

Grafické informace a mediální soubory můžete umístit se speciálními značkami - ,

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 nejprve zaregistrovat tabulkové značky a hlavní parametry tabulky. 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.