HTML kód. Farebné kódy HTML

Určite čelíte takémuto konceptuHTML kód. Počul od priateľov, vidíte v menu svojho prehliadača, atď Ale čo to je? Pokúsme sa zistiť, aký kód je a aké prvky tvoria.

Základné informácie

Začnime s definíciou. HTML kód je značka každej webovej stránky, ktorá sa vykonáva pomocou HTML.

Tento kód pozostáva zo značiek, vďaka ktorýmPrehliadač určuje, ako konkrétna stránka vyzerá. Jeho štruktúra je rozdelená na dve časti: hlavička - názov dokumentu, v ktorom je predpísaný názov stránky, ako aj informácie o samotnom dokumente a telo - text dokumentu, v ktorom sú nastavené parametre stránky.

Ak chcete vytvoriť viac alebo menej slušnú webovú stránku, napísanú od začiatku, mali by ste sa naučiť značky používané týmto jazykom, ich parametrami a poznať aj farebné kódy HTML.

tagy

Značka je prvkom jazyka HTML. Pomocou toho môžete určiť písmo, farbu, veľkosť textu, vložiť tabuľky a obrázky do nej, formátovať, vytvárať nadpisy, odkazy a maľovať stránku.

Štítky sú vždy uzavreté v uhlových zátvorkách - <>, čo ich odlišuje od hlavného textu, ktorý sa zobrazuje na stránke pri pohľade. Existujú dva typy - spárované a jednotlivé.

Spárované pozostávajú z otváracej značky a uzatváracej značky, zatiaľ čo v druhom sa nachádza pravá spona po ľavej rohovej konzole. Napríklad: text .

Medzi obidvomi tagmi je text, tabuľka, obrázok alebo iný prvok, ktorý sa zobrazuje na webovej stránke.

Samostatné sú tvorené jednou značkou a neobsahujú priamu lomku. Napríklad: <hr>.

Štítky môžu obsahovať parametre, ktoré je možné špecifikovať pomocou špeciálnych kódov pre HTML.

Upozorňujeme tiež, že pre väčšinu znakov: psy, traky, obchodných známok väčší alebo rovné, menšie alebo rovné, a mnoho ďalších - je špeciálna tabuľku, ktorá definuje dáta znak kódu. Tento kód začína Ampersand, po ktorých môže byť akýkoľvek list Mnemonic jeho označenie, alebo sporu s trojmiestnym znak kódu. Nakoniec musíte umiestniť bodkočiarku.

Základné značky

Čo je kód HTML, zistili sme, teraz sa pokúsime zozname hlavných značiek, ktoré môžu byť užitočné, ak nie pri vytváraní vlastných webových stránok, potom aspoň pri písaní textov.

spárované:

<body> - obsahuje hlavné parametre dokumentu, ako je pozadie, farba odkazov, polia a ďalšie;
- označuje odsek;
- text zvýrazní tučným písmom;
- kurzívou;
- zdôrazňuje text;
<s> - prečiarknite text;
- nastaví text ako horný index;
- index;
- nastavuje veľkosť písma písma, písmo, farbu;
<div> - s ním môžete prispôsobiť svoj text;
<h> - záhlavie;
<a> - slúži na nastavenie referencií;
<table> - pomáha vložiť tabuľky do dokumentu so značkami <tr> (reťazec) a <td> (bunka).

single:

- Jeden, nesie text po ňom na novú stránku;
<hr> - s jeho pomocou môžete vložiť vodorovnú čiaru do textu.

Stojí za zmienku, že značky sú zvyčajne napísané z nového riadku. To sa robí pre pohodlie nielen kodér sám, ale aj tí, ktorí budú zobrazovať kódy v HTML.

Parametre značiek

Už sme s vami preskúmali hlavné značky, ktoré potrebujete vedieť. Samozrejme sme neuviedli všetky, ale aj toto minimum môže stačiť na vytvorenie ich prvých webových stránok.

Ale nie je dosť, aby ste vedeli nejaké značky, stále musíte študovaťparametre, ktoré je možné špecifikovať. V tomto článku budeme robiť len stručný prehľad o nich, budeme popísať najčastejšie používané. Môžete ich vidieť otvorením ľubovoľného kódu HTML.

Nechceme tiež opísať, pre ktorý značku je tento parameter vhodný, pretože mnohé z nich sa používajú vo väčšine príkazov značkovania webu:

face - špecifikuje typ písma;
veľkosť - určuje veľkosť;
farba určuje farbu;
zarovnanie - zarovnanie;
meno - meno;
href - tento parameter špecifikuje adresu odkazu;
alt - alternatívny text;
šírka - šírka;
výška - výška;
pozadie - obrázok pozadia;
bgcolor - pozadie.

Nie sú to všetky parametre, uviedli sme len tie najpoužívanejšie a najznámejšie.

Po zadaní parametra je označenie rovno a potomv úvodzovkách je predpísaný jeho význam. Pri vytváraní webových stránok a stránok vám odporúčame používať špeciálne učebnice alebo príručky, aby ste nielen poznali základné parametre, ale aj ich správne nastavili.

Tabuľka farieb

Takže s hlavnými značkami a ich parametrami sme sa rozhodli, teraz sa pozrime na farebné kódy HTML. S ich pomocou môžete určiť farbu textu, stránky alebo niektorých jej jednotlivých prvkov.

Webmasteri začiatočníkov by mali vedieť, čo jeŠpeciálne tabuľky farieb, v ktorých sú uvedené kódy jednotlivých odtieňov. K dispozícii je celkom 16 základných farieb, ktoré možno nastaviť nielen pomocou tabuľky, ale jednoducho ukázal svoj názov v angličtine. Tiež ich môžete pridať ľahké a tmavé slová zadaním požadovaného odtieňa.

Existuje aj tabuľka bezpečných farieb, ktorá zahŕňa 216 všetkých druhov odtokov.

Všimnite si, že veľa tabuľkypohodlnejšie. Dostávajú hexadecimálny kód farby. V tomto prípade môžete ihneď vidieť tento odtieň. Každý kód začína s krížikom, nasledovaný tromi dvojicami znakov, ktoré charakterizujú intenzitu základných farieb červenej, zelenej a modrej.

Tento kód stačí na kopírovanie a nahradenie parametrov požadovanej značky.

Ako zobraziť kód stránky

Ak máte záujem o vytvorenie webových stránok, pravdepodobne budete mať záujem vidieť HTML kód stránky, ktoré sa vám páči, alebo ten, ktorý často navštevujete.

Ale ako to možno urobiť? Existujú dva spôsoby, pomerne jednoduché a zrozumiteľné. Prvou je otvoriť stránku, ktorú potrebujete, a stlačte klávesy Ctrl + U. V novom okne sa zobrazí zdrojový kód stránky, ktorý môžete vidieť a študovať.

Druhou možnosťou je stlačiť ľavé tlačidlo myši av rozbaľovacom zozname vyberte položku "Zdrojový kód". Napriek tomu vám odporúčame použiť prvú metódu, pretože používanie horúcich klávesov je oveľa jednoduchšie a pohodlnejšie.

Upozorňujeme, že pri čítaní kódu budete tiež môcťzobrazte si komentáre, napísané v značke "Komentár", ktorá vyzerá takto: <! >. V tomto prípade je samotná poznámka napísaná po výkričníku. V prehliadači sa nezobrazuje. A je napísané v podstate tak, aby ostatní programátori a weboví dizajnéri pochopili, čo je za informačným blokom nižšie, prečo bol tento alebo ten kód špecifikovaný.

zistenie

Písanie kódov v HTML nie je tak ťažké, ako to môže byťna prvý pohľad. Zvlášť ak chcete vytvoriť nenáročný a nenáročné stránky, online konzultácie na HTML, a tak ďalej. N. učenie Základným princípom značkovacích tagov, a to neberie moc času. Máte dostatok dokonca niekoľko dní, aby začať vytvárať svoje vlastné projekty.

Ak sa rozhodnete študovať tento jazykznačky, potom buďte opatrní. Väčšina problémov vzniká práve z dôvodu nepozornosti: nezakryté spárované značky, nesprávne napísané parametre, znaky - to všetko hrozí, že sa stane chybou, ktorú môžete hľadať dostatočne dlho. Ale vo všeobecnosti, študovať HTML-značka stránok je docela zaujímavé.

vyhodnotenia: