Všetky značky v html s popisom. HTML atribúty. Čo sú HTML tagy

Dobrý deň, milí čitatelia blogu! V minulom článku sme prišli na to, aký je typ dokumentu a ako prehliadače určujú používaný jazyk pomocou . Značka sa zvažovala, ale samotný koncept (termín) nie. V tomto článku vám poviem, čo je značka, prečo je potrebná a čo sú značky. Ako som povedal v minulom článku tejto rubriky, na základe získaných poznatkov si vytvoríme stránkovací súbor, na ktorom budeme experimentovať. Ale to je na konci článku, ale zatiaľ sa poďme zaoberať HTML tagom.

Čo je HTML tag, typy HTML tagov, príklady zápisu

HTML tag- preložené z angličtiny tag — tag- znaky uzavreté v lomených zátvorkách a sú prvkami jazyka HTML (Hypertext Markup Language). Symboly môžu byť použité pre anglický jazyk(je na tom postavený celý internet). Značka vyzerá

Toto je značka s tučným textom. Tagy sú troch typov:

  • Otváracia značka- značka na začiatku. Vo vyššie uvedenom príklade značka je úvodný text a nachádza sa pred textom, ktorý sa má vybrať.
  • Záverečná značka- tag na konci. Rozlišovacím znakom je lomka „/“ pred znakmi v lomených zátvorkách. Opäť sa pozrime na vyššie uvedený príklad. Tag je záverečná a nasleduje za textom, ktorý sa má zvýrazniť tučným písmom
  • Jednotlivé značky- značky, ktoré nemajú uzatváraciu značku. Príkladom by bolo
    Tu je príklad otváracej a zatváracej značky:

Celá štruktúra vrátane textu bude vyzerať takto:

Tento text bude tučný

A takto bude tento text vyzerať, keď ho prehliadač spracuje a poskytne nám: Tento text bude tučný. Existuje aj taká vec ako kontajnerové značky, ale je to len všeobecný názov pre úvodnú a záverečnú značku. Ako som písal vyššie, okrem kontajnerových značiek existujú aj samostatné značky. Rozdiel je v tom, že takéto značky nie je potrebné zatvárať. Najjasnejším a najbežnejším príkladom je značka nového riadku.

V zásade sa jednotlivé značky používajú na vloženie nejakého prvku, napríklad obrázka alebo tabuľky.

Čo sú atribúty, pravidlá písania a prečo sú potrebné

Okrem visačiek existujú aj tzv atribúty. Presnejšie, nie navyše, ale v tagoch. Pomocou atribútov môžete nastaviť ďalšie parametre pre akúkoľvek značku. Atribúty každý tag má svoj vlastný a v tejto téme budeme s tagom experimentovať , ktorá bez prívlastkov v skutočnosti nerobí nič rozumné.

Písmo je kontajnerová značka používaná na formátovanie textu. Pomocou tejto značky môžete zmeniť text tučným písmom a zmeniť veľkosť a riadkovanie - vo všeobecnosti všetko, čo sa dá robiť s textom. Zvážte príklad s veľkosťou textu. Začnime zabalením textu do značky Font.

Text

Teraz trochu o pravidlách pre písanie atribútov. Atribúty vždy sa píšu v úvodnom tagu a za znakmi samotného tagu. Do jednej značky môžete napísať niekoľko atribútov v ľubovoľnom poradí. Atribúty nájdete na stránke W3C validátora (o ktorej budem písať nižšie). Takže tu je príklad značky písma s atribútom size:

Text

Tento atribút na značke písma mení veľkosť označeného textu.
Ak otvoríte zdrojový kód stránky, uvidíte, že vyzerá miesto, kde sa nachádza veľké slovo „Text“.

Text

Už ste videli, ako sa píšu atribúty. Presne tak, ako sa píšu v iných značkách: najprv napíšeme samotný atribút (v tomto prípade veľkosť), potom dáme "=" a parameter atribútu uzatvoríme do úvodzoviek. Parametre atribútov nájdete všetko na tej istej webovej stránke konzorcia World Wide Web.

Čo je validátor W3C, pravidlá pravopisu a zoznam značiek

Ako som písal, tagov je veľmi veľa. Ale kde ich všetky nájdete? Na tento účel existuje validátor W3C W3C- World Wide Web konzorcium, av ruštine - World Wide Web Consortium. Nie je to celkom jasné, však? Toto je miesto, kde sa vyvíjajú webové štandardy - (jazyky hypertextových značiek sú ich výtvorom). Na čele celého konzorcia je známy z minulého článku Tim Berners-Lee – tvorca HTML. Webová stránka organizácie je w3.org . Upozorňujem, stránka je kompletne v angličtine, preto si urobte zásobu slovníka alebo prekladača vo svojom prehliadači. Mimochodom, Google pre túto stránku je 9 a - 37 000 (toto všetko je veľa, ak niekto nevie).

Vraciame sa k téme článku. Máme záujem o jazykové štandardy HNTML 4.01. Sledujeme odkaz HTML 4.01 Specification , po ktorom sa nám v hornej časti zobrazí karta prvkov, kliknite na ňu. Tu je stránka so všetkými značkami. Tieto značky sú vyvinuté a prijaté ako štandard konzorciom. Všetko je opäť v angličtine. Hneď za slovami „Index prvkov“ vidíme legendu (význam písmen v stĺpcoch):

A hneď za legendou je tabuľka samotných tagov:

  • V prvom stĺpci - názov- samotný názov značky - čo by malo byť v lomených zátvorkách (< и >).
  • Druhý stĺpec - Štartovacia značka- prítomnosť otváracej značky. V tomto stĺpci môžete vidieť písmeno "O", čo znamená "Voliteľné" a preložené z angličtiny - Voliteľné. Toto písmeno sa nachádza iba oproti značkám , , a a znamená, že môžete vložiť úvodnú značku, alebo ju nemôžete umiestniť - prehliadač urobí všetko.
  • Tretí stĺpec - End Tag- prítomnosť uzatváracej značky. Oproti tejto značke môžete vidieť písmeno „O“ aj písmeno „F“. Hodnota prvého sa nezmenila. Druhé písmeno - "F" - doslova z angličtiny "zakázané" - znamená, že je zakázané umiestniť uzatváraciu značku, jednoducho neexistuje. Neexistuje napríklad žiadna značka, lebo v nej nie je čo zatvárať.
  • štvrtý - Prázdny znamená, že značka je jednoduchá (prázdna). Všetky značky, ktoré majú v tomto stĺpci vedľa seba písmeno „E“, majú v predchádzajúcom stĺpci aj písmeno „F“. Koniec koncov, jednotlivé značky nemajú uzatváracie značky. Rovnaká značka slúži ako príklad .
  • Piaty stĺpec - Depr. alebo Zastarané- z angličtiny "neodporúča sa". Ak tento stĺpec obsahuje písmeno „D“ (ktoré znamená presne to isté), znamená to, že tento tag sa neodporúča používať v HTML. Keď sa pozrieme trochu dopredu, dnes sa kaskádové štýly (CSS) používajú na navrhovanie textu aj vzhľadu celej stránky a dokumentu HTML. Skrátka a jednoducho sa vytvorí jeden súbor, do ktorého sa zapíšu všetky textové parametre, ktoré je možné vyvolať určitými atribútmi tagov. Takže tu to je danú funkciu používa sa len na webových stránkach, pretože CSS nie je možné použiť pri zasielaní noviniek poštou alebo v RSS. Tu sa značky hodia. Väčšina z týchto značiek, mimochodom, súvisí s dizajnom textu ( a
    sú príkladom)
  • Šiesty stĺpec - DTD- môže obsahovať buď písmeno "L", alebo F. Najprv - "L" - Uvoľnené DTD- znamená, že značku oproti tomuto písmenu možno použiť len v prechodnom type dokumentov (- Prechodný, o ktorom som písal v predchádzajúcom článku). druhá - F — Sada rámov DTD- znamená, že značku možno použiť iba v dokumente typu FRAMESET (— Sada rámov). Ak písmeno chýba, značku možno použiť vo všetkých typoch dokumentov.
  • A posledný, siedmy stĺpec - Popis — Stručný opis tag, opäť v angličtine

Atribúty sú obsiahnuté na tej istej stránke špecifikácie HTML 4.01, ale už na karte „atribúty“. Existuje oveľa viac atribútov ako značiek. A opäť všetko bod po bode podpíšem.

  • Prvý stĺpec - názov- ako v prípade značiek - názov atribútu. Všetko je v angličtine, ale so základnými znalosťami môžete hádať, čo ten alebo ten atribút robí.
  • Druhý stĺpec - Súvisiace prvky je zoznam všetkých značiek, ktoré používajú ľubovoľný atribút. Všetky značky sú prepojené, takže môžete prejsť priamo na informácie o značke.
  • Tretí stĺpec - typu sú všetky možné hodnoty pre konkrétny atribút. Napríklad oproti atribútu size, ktorý sme vybrali v značke Font, je hodnota CDATA. Zvážime to neskôr a skrátka ide o špeciálnu sadu možností veľkosti (v tomto prípade). Koniec koncov, môžete písať pixely aj percentá
  • Štvrtý stĺpec - Predvolené- označuje, či sa atribút vyžaduje v konkrétnej značke. Napríklad v značke Img je povinný atribút src, pretože označuje zdroj, z ktorého sa má obrázok nasnímať.
  • 6., 7. a 8. stĺpec znamená to isté ako v prípade značiek.

Všetko vyššie uvedené platí len pre HTML verzie 4.01. O HTML 5 si povieme v inom článku a dotkneme sa aj XHTML. A teraz, ako som sľúbil, vytvoríme stránku v jazyku HTML, na ktorej budeme experimentovať.

Vytvorenie html súboru - HTML dokumentu

Po prvé, poďme pochopiť, čo je HTML dokument. A toto je vlastne ten súbor HTML formát. A všetky webové stránky sú HTML dokumenty. Napríklad, keď sa dostanete na stránku v adresný riadok na konci je možné vidieť za adresou ".html" alebo ".htm". Tu je súbor s touto príponou, ktorý vytvoríme. Vo všeobecnosti, ak chcete experimentovať na stránke a nie na stránke, je lepšie vytvoriť lokálny server— Denver (o ktorom chcem všetko napísať).

Vzhľadom na to, že som ani nehovoril o značkách prítomných na každej stránke, jednoducho vytvoríme súbor s ľubovoľným názvom a príponou .html. Je možné (a najlepšie) použiť Poznámkový blok++, pretože v tomto textový editor používa sa zvýraznenie kódu, čo je veľmi pohodlné pri úprave kódu a môžete ukladať súbory v rôznych formátoch. Existujú aj programy, v ktorých sa pri zadávaní kódu výsledok okamžite objaví v spracovanej podobe.

Takže musíme len otvoriť Poznámkový blok++ a uložte súbor s ľubovoľným textom (môžete ho aj vyprázdniť), ale vo formáte .html. Ak to chcete urobiť, ako obvykle kliknite na súbor s nápisom, potom „uložiť ako“ a pozrite sa medzi veľký zoznam rozšírení "Súbor HyperText Markup Language(prípony súborov)". To je vlastne všetko. Prvé riadky do tohto súboru pridáme v ďalšom článku pod nadpisom „Vytvorenie webu od začiatku“

Pozreli sme sa na príklad vytvorenia jednoduchej stránky, kde boli komentáre k niektorým html tagom, pretože sa mi zdá, že je lepšie najskôr niečo ukázať na príklade a potom prejsť na podrobnejší popis. Preto sa o vytvorení stránky uvažovalo v druhej lekcii a podrobnejšie v tretej.

Takže nižšie sú popisy bežných html značiek, ktoré sa používajú takmer na každej stránke webu. Verte mi, už sú dosť na napísanie celej stránky.

zoznam značiek html

1. HTML tag (pre odseky)

- zobrazí textový odsek (umožňuje atribúty štýl, trieda, id). Najbežnejšia značka, keďže sa v nej najčastejšie umiestňuje text (na to však bola vytvorená).

Napríklad html kód:

Textový odsek číslo jedna

A toto je ďalší odsek.

Textový odsek číslo jedna

A toto je ďalší odsek.

Do značky môžete pridať aj parameter štýlu:

Pomocou týchto rôznych hodnôt môžete upravovať vzhľad písmo. O týchto parametroch si môžete prečítať v samostatnej lekcii: štýly v html a vlastnosť css font.

Môžete tiež nastaviť atribúty CLASS a ID. Napríklad:

2. HTML tag a(zvýrazniť tučným písmom)

A - dve značky, ktoré vám umožňujú urobiť písmo tučným. Medzi týmito značkami nie je žiadny rozdiel.

Vezmime si príklad. HTML kód:

miniatúra

Transformuje sa na stránke na nasledovné:

miniatúra

Môžete tiež nastaviť atribúty CLASS a ID (ako v prípade Note

Tieto značky poskytujú veľký vplyv o hodnotení dokumentov vo vyhľadávačoch, preto je lepšie ich bezcieľne nepoužívať.

3. HTML tag (vytváranie kurzívy)

- kurzíva (umožňuje štýl, triedu, parameter id)

Napríklad html kód:

kurzívou

Transformuje sa na stránke na nasledovné:

4. HTML tag (podčiarknutý text)

- podčiarknuté písmo (umožňuje štýl, triedu, parameter id)

Napríklad html kód:

podčiarknutý text

Transformuje sa na stránke na nasledovné:

podčiarknutý text

5. HTML tag (vytvoriť hypertextový odkaz)

Vytvorí odkaz na stránke (umožní štýl, triedu a ďalšie parametre).

Napríklad html kód:

text odkazu

Transformuje sa na stránke na nasledovné:

Všetky parametre a atribúty značky sa bude diskutovať v samostatnej lekcii: html tag.

6. HTML tag

(nadpisy v obsahu)

,...,
- tagy nadpisov vo vnútri obsahu (umožňujú štýl, triedu, parameter id). Navyše, čím menšie číslo, tým väčšia váha a veľkosť (štandardne) textu v týchto značkách.

Napríklad html kód:

Nadpis h1

Tag

používa sa pre nadpis stránky (rovnako ako nadpis)

Tieto štítky by sa mali používať iba na určený účel, t.j. len vtedy, keď článok potrebuje názov. Je to preto, že značky

,...,
majú veľký vplyv na vyhľadávače. Ak ich použijete správne, šanca dostať sa k horným riadkom problému je veľmi vysoká.

7. HTML tag
(zarovnanie)

- zarovná obsah na stred.

Napríklad html kód:

Tento text bude v strede

Transformuje sa na stránke na nasledovné:

Tento text bude v strede

Poznámka
  • - pre text
  • ...
    - na všetko (napr. obrázok)

8. HTML tag (dolný index)

- Zobrazí dolný index písma.

Napríklad html kód:

obyčajný text, dolný index

Transformuje sa na stránke na nasledovné:

Čistý text, dolný index

9. HTML tag (text horného indexu)

- Zobrazí písmo horného indexu.

Napríklad html kód:

obyčajný text, horný index

Transformuje sa na stránke na nasledovné:

Čistý text, text horného indexu

10. HTML tag ,

, - zobrazí písmo o jeden pixel viac/menej ako je aktuálna veľkosť (umožňuje štýl, triedu, parameter id).

Napríklad html kód:

bežné písmo, toto písmo je o jeden pixel väčšie

Transformuje sa na stránke na nasledovné:

Bežné písmo, toto písmo je o jeden pixel väčšie

11. HTML tag
    (vytvoriť zoznamy)

Vypíše zoznam (umožní štýl, triedu, parameter id). Každý nový prvok je zapísaný medzi

  • a
    • .

    Napríklad html kód:

    zoznam:
    • prvý prvok zoznamu
    • druhý prvok zoznamu

    Transformuje sa na stránke na nasledovné:

    zoznam:

    • prvý prvok zoznamu
    • druhý prvok zoznamu

    12. HTML tag (vytvoriť tabuľky)

    - vytvorí tabuľku (umožní štýl, parameter triedy). Každý nový riadok je vytvorený tagmi a stĺpec .

    Napríklad html kód:

    1-rad 1 prvok1-riadok 2 prvok
    2-radový 1 prvok2-radový 2 prvok

    Transformuje sa na stránke na nasledovné:

    Všetky funkcie štítkov

    13. HTML tag
    (zalomenie riadku)


    - prechod na ďalší riadok, je jeden tag.

    Napríklad html kód:

    Riadok 1
    2-riadkový
    3-riadkový A tento text bude na 3. riadku, keďže tam nebol žiadny prechod

    Transformuje sa na stránke na nasledovné:

    1-riadkový
    2-riadkový
    3-riadkový A tento text bude na 3. riadku, keďže tam nebol prechod

    14. HTML tag
    (horizontálna čiara)

    - nakreslí čiaru, je to jeden tag (umožňuje štýl, parameter triedy).

    Napríklad html kód:

    Nejaký text nad riadkom
    A tento text už bude pod čiarou

    Transformuje sa na stránke na nasledovné:

    Nejaký text nad riadkom A tento text bude už pod riadkom

    15. HTML tag (obrazový výstup)

    Napríklad html kód:

    http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

    Transformuje sa na stránke na nasledovné:

    Všetky funkcie štítkov bude diskutované v samostatnej lekcii: .

    16. HTML tag (formátovanie textu)

    - na formátovanie textu, zmenu štýlu atď. (povoľuje parameter style, class, id). V očiach vyhľadávačov nemá žiadnu váhu, takže ho môžete používať koľko len chcete.

    Napríklad html kód:

    Tento text je zelený a jeho veľkosť je 15px

    Transformuje sa na stránke na nasledovné:

    Poznámka

    Podobná značka je .

    17. HTML tag
    (tvorba formulára)

    - vytvorenie formulára na stránke (umožňuje štýl, parameter triedy).

    Napríklad zadanie prihlasovacieho mena a hesla, ľubovoľné tlačidlá, akýkoľvek registračný formulár - to všetko sú formuláre.

    18. HTML tag
    (vytvoriť bloky)

    - slúži na vytváranie blokov na stránke (umožňuje štýl, parameter triedy). Predtým sa tabuľky používali hlavne na označenie stránok. Po zobrazení značky
    úloha je uľahčená. Takmer všetky stránky obsahujú
    bloky ako pohodlná alternatíva k stolom.

    Dobrý deň, milí čitatelia blogu. V skutočnosti má tento výraz niekoľko významov, ktoré sa k sebe zvlášť nehodia. V tomto príspevku sa pokúsim pokryť každú z nich.

    Naučíš sa, čo sú html značky a ako sa líšia od metaznačiek, a tiež sa dozviete, ako sa značky používajú ako značky na stránkach (ich rozmanitosť je ), a nakoniec, vo všeobecnosti, zvážte hudobné tagy v audio súboroch. Tak všestranný je tento termín.

    Ale vo všetkých prípadoch slovo "tagy" znamená označenie buď webovú stránku pomocou kódu Html, alebo celú lokalitu pomocou značiek, alebo vašu hudobnú zbierku zadaním albumu a skladby.

    Čo sú značky stránok (značky na vytváranie navigácie)

    Začnime jednoducho. Pravdepodobne ste všetci videli, že pod niektorými článkami na stránkach je pole s menovkami alebo štítkami, kde sú uvedené niektoré slová. Načo to je? Vo všeobecnosti na uľahčenie navigácie na tejto stránke ().

    Používané značky sú tzv Kľúčové slová, ktorých súbor stručne charakterizuje publikáciu (napr. pre hlavnú stránku môjho blogu by sa hodila nasledujúca sada menoviek: tvorba stránky; propagácia; propagácia stránky; zárobok).

    Pomocou týchto slov bude možné jednoznačne určiť, o čom bol tento článok. Ich hlavná hodnota však nie je v tom, ale v tom, že návštevník môže kliknúť na ľubovoľnú značku a zobraziť zoznam všetkých článkov na stránke, v ktorej sa stretol. V skutočnosti je to silný nástroj na klasifikáciu informácií.

    Aby sa pod článkami nehľadali potrebné tagy, majitelia webov veľmi často vytvárajú tzv Tag Cloud, ktorý je možné umiestniť do ľavého alebo pravého stĺpca stránky alebo do jej päty (dole). V praxi môže táto hanba vyzerať takto:

    Zvyčajne uvádza najobľúbenejšie značky a kliknutím na príslušný odkaz zobrazíte všetky značky. Niekedy sú častejšie používané značky (vyskytujú sa vo viacerých článkoch na tejto stránke) zobrazené väčším písmom a menej frekventované menším písmom.

    Niekedy sa na ich zobrazenie vytvorí samostatná stránka, ako je znázornené na predchádzajúcej snímke obrazovky.

    Prečo je toto označenie pomocou značiek nepoužívajú sa na všetkých webových stránkach, ak je to pre používateľov vhodné? Nie sú ani na mojom blogu, na čo existuje množstvo vysvetlení. Ich použitie je síce štandardne zabezpečené, no existuje aj množstvo pluginov na prácu s tagmi.

    Áno, značky fungujú skvele, keď máte málo článkov a dobre si pamätáte všetky značky, ktoré ste už vytvorili a použili v iných článkoch. Ale s nárastom počtu materiálov sa počet značiek prudko zvyšuje, začnú sa čiastočne duplikovať pri použití kľúčových slov s blízkym významom.

    Dostáva obrovský neporiadok, ktorého hodnota z hľadiska zlepšenia navigácie je podľa mňa dosť pochybná. Na tento účel je pri veľkom webovom projekte lepšie použiť vyhľadávanie na stránke. Hoci značky fungujú dobre v sociálnych sieťach, kde môžete pomocou značiek kombinovať informácie od rôznych používateľov a zobraziť ich na jednom mieste. .

    Čo sú HTML tagy?

    Prvýkrát som sa ich rozhodol študovať pred pätnástimi rokmi, ale potom som nepokročil ďalej ako k tagu Title. Potom som narazil na bezplatný video kurz Evgenyho Popova na Html a veci začali ísť dobre. Samozrejme, že tento kurz bol len počiatočnou fázou, ale práve takáto jednoduchá prezentácia začiatočníkom často chýba.

    Tieto lekcie pokrývajú základné značky, pomocou ktorých potom môžete jednoducho vytvárať tabuľky, vkladať obrázky a hypertextové odkazy do textu, pridávať na stránku rôzne formuláre a mnoho ďalšieho. Celkom 33 bezplatných Html videí.

    Ale video kurz je video kurz, ale mal by som vás zaujímať, aby ste si ho stiahli a pozreli. Od bežné frázy nie je predsa jasné, aké značky sú v jazyku Html a prečo ich treba študovať. Oh, toto je skvelá a jednoduchá vec, ktorá vám umožní stať sa pánom svojej vlastnej stránky. Prečo potrebujete webovú stránku?

    No, pravdepodobne, po prvé, pre sebavyjadrenie a úsilie, a po druhé -. Len tichšie, inak sa všetci ozvú a utekajú študovať, čo sú to tagy, robiť weby a zarábať všetko, čo by si mohol zarobiť len ty, no ja som za firmu. Preto budem naďalej hovoriť len šeptom.

    Internet sa dá prirovnať k televízii, kde si spravíte vlastný malý program (vytvoríte stránku na tagy) a máte príjem z reklamy. Čím je váš program (internetový projekt) populárnejší, tým viac zarobíte. Neexistuje horná hranica, hoci neexistuje ani spodná hranica. Nemusíte však investovať peniaze, iba svoju prácu a čas strávený štúdiom značiek, prácou s motorom a v skutočnosti naplnením stránky obsahom.

    Značky sú teda najjednoduchšie prvky značenia webovej stránky, takže prehliadač pri načítaní zo servera presne rozumie tomu, ako zobraziť tento alebo ten prvok (text, obrázok, video). Predtým bol za celú vec zodpovedný iba jazyk Html, no potom mu prišli pomôcť a bolo to pre neho oveľa jednoduchšie. Popov má podľa nich aj bezplatný videokurz, ktorý môžete stiahnuť odtiaľto .

    Chlapci, keď ovládnete Html značky, potom pochopíte, že to bolo jednoduchšie ako kedykoľvek predtým. Najdôležitejšie je začať a nejako sa stimulovať. Nehovorím len o finančnej stránke veci. Stránka sa môže stať vaším hlavným zdrojom príjmu a živiť sa z nej môže celá rodina. Potrebujete šťastie, vytrvalosť a nebáť sa zoznámiť sa s novým.

    Tagy sú rôzne, ale nie je ich veľa (z tých, ktoré zostali relevantné po implementácii CSS). Pozrite sa, aké jednoduché. Povedzme, že chcete vytvoriť odsek - text budúceho odseku ohraničte otváracími a uzatváracími značkami P (toto je latinské písmeno a je lepšie ho písať v kóde malými písmenami, ale tu som to pre prehľadnosť urobil veľkým písmenom ). Takto to bude vyzerať:

    text text...... text text

    Rozumiete rozdielu medzi otváracou značkou Html (na začiatku) a uzatváracou značkou (na konci)? No, samozrejme, za trojuholníkovú zátvorku sme pridali lomku.

    Oh, zabudol som povedať ako prehliadač oddeľuje značky(značka) z hlavného obsahu. Uhádli ste?

    Presne tak, toto trojuholníkové zátvorky do ktorých ich uzatvárame. Prehliadač videl takúto zátvorku pri analýze kódu webovej stránky a uvedomil si, že ide o značku a spracuje všetko, čo je v nej obsiahnuté, podľa určitého algoritmu (rozdeľuje odseky na výšku, zväčšuje písmo nadpisov atď.).

    Ak potrebujete v texte použiť otváraciu trojuholníkovú zátvorku, určite to urobte tak, aby vám prehliadač správne porozumel. Toto treba mať na pamäti.

    V kóde môžu vyzerať takto:

    V skutočnosti obsahujú popis a Kľúčové slová webovú stránku, pre ktorú sú zaregistrovaní. Prečítajte si o nich viac v článku vyššie.

    Meta tagy sú zapísané v kóde webovej stránky na presne definovanom mieste. Viete ktorý? Presne tak, v takzvanej „hlave“ dokumentu, ktorá pozostáva z otvárania a zatvárania Značky HEAD.

    Všetko, čo je v nich napísané (vrátane META tagov), sa na webovej stránke nezobrazí. Je to prísne servisné informácie. Vyššie uvedený popis a kľúčové slová hovoria vyhľadávače o obsahu tejto webovej stránky a metaznačke nižšie .

    Čo sú hudobné značky vo zvukových súboroch?

    Keď ste prehrávali hudbu v aute alebo na prehrávači (telefóne), pravdepodobne ste si viac ako raz všimli, že namiesto názvu skladby a mena interpreta sa zobrazujú nejaké hrozné chyby. Dalo by sa predpokladať, že ide o názvy stiahnutých hudobných súborov nahratých v nesprávnom kódovaní ruského jazyka.

    Ak premenujete súbory pomocou , na prehrávači budete stále vidieť nepríjemný obraz. Čo robiť? A kto môže za túto situáciu? Napodiv, ale príčina je nesprávna predpísané značky v tomto hudobnom súbore.

    Sú všité priamo do zvukového súboru (na jeho začiatku alebo na konci) a môžu obsahovať informácie o skladbe, jej autorovi, albume, trvaní skladby a niečo iné, čo nie je také dôležité. V najnovších inkarnáciách hudobných značiek sa do nich dajú všiť aj obrázky obalov diskov (všeobecne mor).

    Problém však spravidla nenastáva v ich dostupnosti, ale v získaní schopnosť ich upravovať. V živote každého ctižiadostivého milovníka hudby nastáva okamih, keď je „pripravený na roztrhanie a vyhadzovanie“, len dať veci do poriadku vo svojej zbierke a predpísať správne a čitateľné tagy pre všetky skladby na akomkoľvek zariadení. Ako to spraviť?

    S pomocou špeciálneho softvéru. Samotné tagy sa vo zvukových súboroch objavili prvýkrát koncom minulého storočia. Pri MP3 súboroch sa štandard na ich pridávanie nazýval ID3 a pri hudobných súboroch, ktoré sú komprimované bez straty kvality (napríklad FLAC a podobne), sa štandard na pridávanie značiek (metaúdajov) nazýval Vorbis comment.

    Pre hudbu nahranú vo formáte Windows WMA existujú metadáta WM a pre Apple MP4 metadáta iTunes (mimochodom, nedávno som o tom písal).

    Takže môžete upravovať značky pomocou špeciálne programy. Najpopulárnejší z nich je pravdepodobne Mp3tag(oficiálna stránka, ale pri sťahovaní buďte opatrní – neklikajte náhodou na inzerát, ktorý ponúka na stiahnutie niečo úplne iné). Myslím si, že všetky ostatné programy nájdete sami, najmä preto, že tento bude stačiť na splnenie tejto úlohy.

    Toto sú značky, ktoré sa ukázali byť také rozmanité, ktoré vo všetkých týchto prípadoch plnili svoju hlavnú úlohu - značkovanie (článkov na stránke, obsahu na webovej stránke alebo metaúdajov v hudobných súboroch). Dúfam, že teraz máte menej otázok na túto tému.

    Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

    Možno vás bude zaujímať

    Tagy pre Instagram - prečo sú potrebné a kde vidieť najobľúbenejšie z nich
    Hashtagy - čo sú to a ako sa používajú hashtagy na Twitteri, Instagrame a ďalších miestach Ako automaticky pridať atribút Alt do značiek Img vášho blogu WordPress (kde neexistujú)
    Radikal - bezplatný hosting fotografií s rýchlym a jednoduchým nahrávaním fotografií cez Radikal.ru
    Odkaz - čo to je a ako ho vytvoriť Čo je vyrovnávacia pamäť - ako vymazať vyrovnávaciu pamäť v prehliadačoch Opera, Mozilla, Chrome a ďalších
    Veľká otázka – ako zarobiť peniaze na službe Q&A
    Ako si vytvoriť svoj vlastný kanál na YouTube video hosting?

    Už sme na to prišli. Zistili sme, že majú obsah. To však nie je všetko. Tagy majú tiež atribúty, ktoré rozširujú ich schopnosti, a atribúty majú zasa hodnoty. S ich pomocou môžete nastaviť parametre prvku, určiť štýl dizajnu. Napríklad značka

    označil si odsek. Ale ako to urobiť správne zarovnané? Na to potrebujete určitý atribút s zodpovedajúca hodnota. Tak ako niektoré značky nemajú pár, aj niektoré atribúty možno použiť bez hodnôt.

    Ako písať atribúty?

    Atribúty sú vyhradené slová (ako značky, iba bez lomených zátvoriek), ale ich hodnoty sa môžu líšiť. Rovnako ako značky, aj atribúty s hodnotami sa odporúčajú písať malými písmenami, hoci prehliadačom je to vo všeobecnosti jedno - toto je len pravidlo dobrej formy: v ruštine SA TIEŽ NIE JE AKCEPTOVANÉ PÍSAŤ VEĽKÝMI PÍSMENAMI ZAMKNÚŤ. Prečo je HTML horšie?

    Hodnoty s atribútmi sú zapísané v nasledujúcom formáte:

    atribút=”value” lang=”sk”

    Atribúty by mali byť vždy napísané vo vnútri úvodnej značky, za rezervovaným slovom.

    Odsek

    Zvyčajne je pre jednu značku k dispozícii viacero atribútov. Nezáleží na tom, v akom poradí sú uvedené.

    Všeobecné atribúty

    Každá značka HTML má svoj vlastný súbor atribútov. Niektoré atribúty môžu byť dostupné na viacerých značkách, zatiaľ čo iné môžu fungovať len na jednom. Existuje aj skupina univerzálnych (globálnych) atribútov, ktoré možno použiť s ľubovoľnou značkou. Poďme sa v rýchlosti pozrieť na atribúty tejto kategórie.

    • Prístupový kľúč umožňuje nastaviť klávesovú skratku na prístup ku konkrétnemu objektu stránky. Môžete to urobiť napríklad tak, že pomocou klávesovej skratky Alt+1 používateľ klikol na konkrétny odkaz. Vyviňte tak klávesnicový navigačný systém.

    Hodnota atribútu môže byť čísla 0-9 alebo písmená latinskej abecedy:

    Odkaz sa otvorí stlačením klávesovej skratky s jedným

    • trieda umožňuje priradiť značku k preddefinovanej pomocou CSS štýl. Použitie atribútu vám umožňuje výrazne znížiť kód, pretože namiesto opakovania vstupu rovnakého bloku CSS môžete jednoducho zadať názov triedy, ktorá mu zodpovedá.
    • Používaním spokojné môžete používateľovi povoliť úpravu ľubovoľného prvku HTML stránky: vymazať, vložiť, zmeniť text. Rovnaký atribút umožňuje upravovať a deaktivovať. Existujú iba dve hodnoty: pravda- povoliť úpravy falošný- zakázať.
    • S prívlastkom obsahové menu každý prvok dokumentu môžete vybaviť jedinečnými bodmi obsahové menu podľa vlastného uváženia. Samotné menu je vytvorené v tagu a atribút contextmenu dostane svoje ID.
    • r určuje smer textu: zľava doprava (ltr) alebo sprava doľava (rtl).
    • ťahateľné umožňuje zakázať (nepravda) alebo povoliť (pravda) aby používateľ pretiahol prvok stránky vybavený týmto atribútom.
    • poklesová zóna povie prehliadaču, čo má urobiť s pretiahnutým prvkom: copy(value kopírovať), presunúť ( pohybovať sa) alebo naň vytvorte odkaz (odkaz).
    • skryté- atribút, ktorý umožňuje skryť obsah prvku tak, aby sa nezobrazoval v prehliadači. Ak je atribút nastavený na false, objekt je zobrazený, true - skrytý.
    • id nastavuje identifikátor prvku - druh názvu, ktorý je potrebný na jednoduchú zmenu štýlu objektu, ako aj na to, aby k nemu mali prístup skripty. Hodnotou atribútu bude jeho názov. Musí začínať latinským písmenom a môže obsahovať čísla, písmená rovnakej latinskej abecedy (veľké a malé), ako aj spojovníky. (-) a podčiarknutia (_) . Ruské písmená nemôžu obsahovať.
    • Jazyk pomáha prehliadaču porozumieť jazyku, v ktorom je obsah napísaný, a podľa toho ho štylizovať (napríklad v jazykoch môžu byť použité rôzne úvodzovky). Hodnoty sú jazykové kódy (ruština - en, Angličtina - en atď.).
    • Kontrola pravopisu zahŕňa (pravda) alebo zakáže (nepravda) Kontrola pravopisu. Obzvlášť užitočné je použiť atribút v značkách polí formulára, kde bude používateľ zadávať text.
    • štýl umožňuje nastaviť vzhľad prvku s pomocou CSS-kód.
    • tabindex umožňuje určiť, koľkokrát bude musieť používateľ stlačiť kláves Tab, aby sa objekt s týmto atribútom zaostril. Počet kliknutí určuje hodnotu atribútu – kladné celé číslo.
    • titul- tooltip, ktorý sa zobrazí, ak prejdete myšou na prvok a necháte ho chvíľu nehybný. Reťazec v hodnote bude nápovedou.
    • preložiť umožňuje (Áno) alebo zakazuje (nie) preklad obsahu tagov.
    • zarovnať nastavuje zarovnanie prvku. Môže sa napríklad použiť na zarovnanie textu doľava (hodnota vľavo), napravo ( správny), vycentrované (v strede) alebo podľa šírky (ospravedlniť). Pre obrázky (tag ) je tiež k dispozícii na zarovnanie k hornej časti najvyššieho prvku v riadku ( top), pozdĺž dolnej hranice (dole) a stredná hodnota spôsobí, že stredná čiara obrázka sa zhoduje so základnou čiarou čiary.

    Stojí za to mať na pamäti, že použitie atribútu zarovnať neodporúča sa a zarovnanie textu je lepšie s CSS.

    Príklad použitia atribútov

    Ako príklad si predstavte riadok kódu HTML:

    Tento text je možné upraviť

    Celý riadok vytvára odsek textu, ktorý môže používateľ upraviť v prehliadači.

    Poďme analyzovať každý prvok reťazca.

    - otváracia značka kontajnera, v ktorom je uložený odsek.

    - uzatvárací štítok.

    Medzi postavami > a < lokalizovaný text Tento text je možné upraviť. Toto je nápis mimo značiek (medzi nimi), čo znamená, že bude viditeľný pre používateľa, ktorý otvorí stránku. Prehliadač to považuje za obyčajný text, ktorý je potrebné zobraziť na obrazovke.

    spokojné=”pravda“ - toto je atribút a jeho hodnota. Pamätajte si, ako v škole: x=3. Podobne aj tu: spokojné=”pravda". Atribút spokojné nastavuje, či používateľ bude môcť upravovať obsah prvku, hodnoty pravda, písané v úvodzovkách oddelené znakom rovnosti, editácia umožňuje:

    Atribút=”value” contenteditable=”true”

    Hlavné značky jazyk HTML

    Hlavné značky

    - Informuje prezerača stránky, že ide o HTML dokument.

    - Definuje miesto, kde sú umiestnené rôzne informácie, ktoré sa nezobrazujú v tele dokumentu. Tu je značka názvu dokumentu a značky pre vyhľadávače.

    - Definuje viditeľnú časť dokumentu

    TOC tagy

    - Umiestni názov dokumentu do obsahu prehliadača stránok

    Atribúty tela dokumentu

    - Nastaví farbu pozadia dokumentu pomocou hodnoty farby v tvare RRGGBB - príklad: FF0000 - červená farba.

    - Nastaví farbu textu dokumentu pomocou hodnoty farby v tvare RRGGBB - príklad: 000000 - čierna farba.

    - Nastaví farbu hypertextových odkazov pomocou hodnoty farby v tvare RRGGBB - príklad: 00FF00 - zelená farba.

    - Nastaví farbu hypertextových odkazov, na ktoré ste už navštívili, pomocou hodnoty farby v tvare RRGGBB - príklad: 333333 - šedá farba.

    - Nastaví farbu hypertextových odkazov po kliknutí.

    Značky na formátovanie textu 

    
- Rámuje predformátovaný text.
    
- Vytvorí NAJVÄČŠÍ titul
    
- Vytvorí najmenšiu hlavičku
    Vytvára tučný text
    
- Vytvára text kurzívou
    
– Vytvorí text, ktorý napodobňuje štýl písacieho stroja. Používa sa pre úvodzovky, zvyčajne text s kurzívou.
    
- Používa sa na zvýraznenie slova z textu (text kurzívou alebo tučným písmom)
    
- Používa sa na zvýraznenie najvýraznejších častí textu (text kurzívou alebo tučným písmom)
    
- Nastavuje veľkosť textu medzi 1 a 7.
    
- Nastaví farbu textu pomocou hodnoty farby v tvare RRGGBB.
    Hypertextové odkazy

    Vytvorí hypertextový odkaz na iné dokumenty alebo časť aktuálneho dokumentu.
    Vytvorí hypertextový odkaz na volanie poštový program napísať list autorovi dokumentu.
    Označí časť textu ako cieľ pre hypertextové prepojenia v dokumente.
    Vytvorí hypertextový odkaz na časť aktuálneho dokumentu.
    Formátovanie

    
- Vytvorí nový odsek
    
- Zarovná odsek vzhľadom na jednu zo strán dokumentu, hodnotu: vľavo, vpravo alebo na stred

    
    - Vloží zalomenie riadku.
    Vytvára výplň na oboch stranách textu. 
     Vytvorí zoznam definícií.
    
- Definuje každý z výrazov v zozname
    
- Popisuje každú definíciu
    Vytvorí očíslovaný zoznam
  • 
- Definuje každý prvok zoznamu a priradí číslo
    Vytvorí neusporiadaný zoznam
  • 
- Predpíše každú položku zoznamu a pridá kruh alebo štvorec.
    
- Dôležitá značka používaná na formátovanie veľkých blokov HTML text dokument, ktorý sa používa aj v štýloch
    Grafické prvky

    
- Pridá obrázok do dokumentu HTML
    
- Zarovná obrázok na jednu zo strán dokumentu, nadobudne hodnoty: vľavo, vpravo, na stred;  dole, hore, uprostred
    
- Nastaví hrúbku rámu okolo obrazu
    
- Pridá vodorovnú čiaru do dokumentu HTML. 
    Nastavuje výšku (hrúbku) čiary
    
- Nastaví šírku čiary, môžete určiť šírku v pixeloch alebo percentách.
    
- Vytvára linku bez tieňa.
    
- Nastavuje linky špecifická farba.  Hodnota RRGGBB.
    tabuľky

    • 



 





 





 






 

    
- Vytvorí tabuľku.
    
- Definuje riadok v tabuľke.
    
- Definuje jednu bunku v tabuľke.
    
- Definuje hlavičku tabuľky (normálna bunka s tučným textom v strede)
    Atribúty tabuľky

    - Nastavuje hrúbku rámu stola.
    

    - Nastavuje vzdialenosť medzi bunkami tabuľky.
    

    - Nastavuje vzdialenosť medzi obsahom bunky a jej rámom.
    

    - Nastaví šírku tabuľky v pixeloch alebo percentách šírky dokumentu.
    alebo alebo 
    

    
- Nastaví zarovnanie buniek v tabuľke, prevezme hodnoty: vľavo, na stred alebo vpravo.
    
- Nastavuje vertikálne zarovnanie buniek tabuľky, nadobúda hodnoty: hore, do stredu alebo dole.
    		
- Označuje počet stĺpcov, ktoré sú kombinované v jednej bunke.  (predvolené = 1)
    		
- Označuje počet riadkov, ktoré sú kombinované v jednej bunke.  (predvolené = 1)
    		
- Zabraňuje divákovi zalomiť riadok v bunke tabuľky.
    Personál

    
- Pred značkou v dokumente obsahujúcom rámy;
    
- Definuje riadky v tabuľke rámcov, ktorých výška je určená počtom pixelov alebo ako percento výšky tabuľky rámcov.
    
- Definuje stĺpce v tabuľke rámcov, ktorých šírka je určená počtom pixelov alebo ako percento šírky tabuľky rámcov.
    
- Definuje jeden rámec alebo oblasť v tabuľke rámcov.
    
- Určuje, čo sa zobrazí v okne prehliadača, ak nepodporuje rámce.
    atribúty rámu

    
- Určuje, ktoré HTML dokumenty sa zobrazí v rámčeku.
    
- Určuje názov rámca alebo oblasti, ktorý umožňuje presmerovanie informácií do tohto rámca alebo oblasti z iných rámcov.
    
- Určuje množstvo výplne na ľavom a pravom okraji rámu;  musí byť rovné alebo väčšie ako 1.
    
- Určuje množstvo výplne pozdĺž horného a spodného okraja rámu;  musí byť rovné alebo väčšie ako 1.
    
- Označuje, či sa v rámčeku zobrazí posúvač;  hodnota môže byť „áno“, „nie“ alebo „auto“.  Predvolená hodnota pre bežné dokumenty je auto.
    
- Zabraňuje zmene veľkosti rámu.
    Formuláre

    Pre formuláre, ktoré vykonávajú niektoré funkcie, musia byť na serveri spustené zodpovedajúce skripty CGI.  HTML vytvára iba externé rozhranie formulára.
    
- Vytvára formuláre
    
- Vytvára rolovacie menu.  Veľkosť nastavuje počet položiek ponuky, ktoré sa zobrazia na obrazovke, zvyšok bude dostupný pri rolovaní.
    - Označuje každý samostatný prvok Ponuka
    
- Vytvorí rozbaľovaciu ponuku 
    
- Vytvorí okno na zadávanie textu.  Stĺpce určujú šírku okna;  riadkov určuje jeho výšku.
    
- Vytvorí začiarkavacie políčko.  Za značkou nasleduje text.
    
- Vytvorí prepínač.  Za značkou nasleduje text.
    
- Vytvorí reťazec na zadávanie textu.  Parameter Veľkosť určuje dĺžku v znakoch.
    
- Vytvorí tlačidlo "Prijať".
    
- Vytvorí tlačidlo "Prijať" - na to sa používa obrázok Vytvorí tlačidlo Zrušiť
    
 
    • < Назад 

      • 

    



                    
                    
    
                    
      
                        
    1. 
                            
      2. 
                        
    2. 
                            
      3.