V jazyku HTML najprv napíšete slová a potom pridáte prvky alebo značky, ktoré sa potom zobrazia na vašej stránke. Týmto spôsobom sa prehliadač oboznámi s nadpisom stránky, začiatkom a koncom odstavca atď.
V pravidlách CSS sa používajú pravidlá používajúce vlastnosti CSS. Vlastnosti CSS sú vo všeobecnosti rozdelené do dvoch širokých kategórií. Prvá je prezentácia, ktorá špecifikuje farbu textu, typ písma, veľkosť písma, farby pozadia, obrázky na pozadí atď. Druhé rozloženie definuje polohu rôznych prvkov na obrazovke.
Pomocou HTML aj CSS sa vytvorí kompletné webové rozhranie.
Porovnávacia tabuľka
| Základ pre porovnanie | HTML | CSS |
|---|---|---|
| základné | Diktuje obsah a štruktúru webových stránok. | Modifikuje návrh a zobrazenie prvkov HTML. |
| relevantnosti | CSS je možné použiť v súboroch HTML. | HTML sa nedá použiť v hárkoch štýlov CSS. |
| Skladá sa z | Štítky okolo obsahu. | Výberom sa podarilo vyhlásiť blok. |
| Metódy používania | Neexistujú žiadne definované metódy. | Inline kód CSS, interný a externý štýl pre každú metódu by sa mohla použiť na implementáciu kódu. |
Definícia HTML
HTML je značkovací jazyk na definovanie webových dokumentov (webových stránok). HTML sa rozbalí do jazyka pre značku Hyper Text, pridá " markupy " do štandardného anglického textu. " Hypertextový text " označuje prepojenia - hypertextové odkazy - ktoré navzájom spájajú webové stránky.
Značkovací jazyk je skupina značiek, ktoré definujú štruktúru stránky. Každá značka HTML popisuje odlišný obsah dokumentu. HTML je rastúci jazyk, ktorý sa často mení a revidovaná skupina štandardov a špecifikácií prináša jednoduchšiu tvorbu atraktívnych a funkčných stránok.
HTML nerozlišuje veľké a malé písmená.
Príklad:
- Značky HTML sú v podstate kľúčové slová (názvy značiek), ktoré sú uzavreté v uhlových zátvorkách a zvyčajne prichádzajú v pároch.
obsah
- Prvok HTML opisuje konkrétnu sekciu na webovej stránke.
- Obsahom sú texty, odkazy, obrázky alebo iné informácie zobrazené na vašej webovej stránke.
- Štartová značka je prvok HTML, ktorý sa používa na označenie začiatku prvku.
- Koncová značka uzatvára prvok HTML na odlíšenie jednotlivých prvkov.
Definícia CSS
CSS je skratka pre kaskádové štýly, ktoré umožňuje vytvoriť pravidlá, ktoré špecifikujú zobrazenie prvkov HTML na obrazovke. Je to doplnok k základnému HTML, ktorý umožňuje styling na vaše webové stránky.
CSS šetrí veľa práce ovládaním rozloženia viacerých webových stránok naraz. Štýly CSS môžu byť na vaše webové stránky implementované troma rôznymi spôsobmi: inline, interné a externé štýly.
Príklad:
- Deklarácie CSS spočívajú v kučeravých zátvorkách a každá pozostáva z dvoch častí: vlastnosť a jej hodnota oddelené dvojbodkou. V jednej deklarácii môžete definovať početné vlastnosti, z ktorých každý je oddelený polovičkou.
- Výbery označujú, ktorý HTML element chcete štýlovať.
- Deklarácia obsahuje vlastnosť a hodnotu oddelené dvojbodkou. Okrem toho, kučeravé výstuže, ktoré obklopujú všetky deklarácie, sú známe ako deklarácia bloku .
- Vlastnosti označujú aspekty prvkov, ktoré chcete zmeniť.
- Hodnoty určujú nastavenia, ktoré chcete použiť vo vybratých vlastnostiach.
Kľúčové rozdiely medzi HTML a CSS
- HTML je základný značkovací jazyk, ktorý popisuje obsah a štruktúru webových stránok. Na druhej strane CSS je rozšírenie HTML, ktoré upravuje dizajn a zobrazenie webových stránok.
- Súbor HTML môže obsahovať kód CSS, zatiaľ čo štýly šablón CSS nemôžu obsahovať kód HTML.
- HTML obsahuje značky, ktoré obklopujú obsah. kdežto CSS pozostáva z voličov, ktorým sa podarilo vyhlásiť blok.
Výhody HTML
- Jednoduché použitie a voľná syntax (aj keď sú príliš flexibilné, nebudú dodržiavať štandardy).
- Široko používaný, založený na takmer každej webovej stránke a podporovaný každým prehliadačom.
- Podobne ako syntax XML, ktorý sa čoraz viac používa na ukladanie dát.
- Je zadarmo, pretože nemusíte kupovať žiadny softvér.
- Jednoduché učenie a kód pre začiatočníkov.
Výhody CSS
- CSS ušetrí čas tým, že napíše CSS raz a opakovane použije ten istý list na niekoľkých stránkach.
- Stránky spotrebúvajú menej času na načítanie kvôli zníženiu kódu.
- Jednoduchá údržba, globálne zmeny sa ľahko používajú.
- CSS má lepšie štýly HTML a oveľa širší rozsah atribútov.
- Poskytovanie kompatibility viacerých zariadení.
- Teraz sú atribúty HTML znepokojené a odporúčame používať CSS vo všetkých stránkach HTML, aby boli kompatibilné s budúcimi prehliadačmi.
- Podporuje prehliadanie offline pomocou offline vyrovnávacej pamäte.
- Skript poskytuje trvalú nezávislosť platformy a môže podporovať aj najnovšie prehliadače.
Nevýhody HTML
- Keďže je to statický jazyk, nemôže generovať dynamický výstup.
- Ponúka obmedzené bezpečnostné funkcie.
Nevýhody CSS
Fragmentácia - CSS vykresľuje rôzne rozmery s každým prehliadačom. Programátori by mali zvážiť a otestovať všetok kód vo viacerých prehliadačoch predtým, než začnú používať akúkoľvek webovú stránku alebo mobilnú aplikáciu naživo, aby nevznikli problémy s kompatibilitou.
záver:
HTML a CSS sa na vytváranie webových stránok používajú oba webové skriptovacie jazyky na strane klienta. Aj keď sa líšia mnohými spôsobmi, ako syntaktická štruktúra, implementačné metódy, jednoduchosť používania a funkcie ako atribúty podporované jazykom. CSS však nahrádza HTML, pretože ponúka viac funkcií a flexibilitu.
