Počítače, Programovanie
HTML: základy pre začiatočníkov
HTML - hypertext značkovací jazyk, ktorý urobil Internet ako ho poznáme a milujeme. Práve vďaka tejto nádhernej nástrojových miest vyzerať pekne a moderne a poskytuje pohodlie ich používania. HTML je jednoducho zostavuje prvky webovej stránky v zapnutých užívateľsky príjemný. Jeho práca je porovnateľná s tým, že robia textových editorov , ako je napríklad MS Word alebo OpenOffice. Obracajú sa anonymný mäsu písmen v dokumente, ktorý má odseku, tučný text, kurzíva, tabuľky a dokonca aj obrázky. Zhruba to isté robí HTML, len s tým rozdielom, že jeho dokumenty sú zobrazené v prehliadači, a možnosti tohto nástroja je oveľa širší ako v textovom editore. Používa sa pre značenie značky - špeciálne príkazy, ktoré popisujú webové stránky štruktúry. Sú uzavreté v hranatých zátvorkách -
vizuálnych editorov
Začiatočníci len pripravujú pôdu pre štúdium HTML, často začínajú svoju prácu s programami pre vytváranie webových stránok bez znalosti. Môžu jednoducho umiestniť predmety na obrazovke, ako sa objaví v prehliadači. Mohlo by sa zdať, je to tu - zdrojom večného milosti, umožňuje zbaviť väčšiny webových vývojárov. Ale nie je tak jednoduché, pretože vizuálne editory majú mnoho nedostatkov, ktoré znemožňujú ich použitie v závažných projektoch.
Tieto programy vytvoriť mnoho zbytočných značiek, ktoré tvoria finálnej verzie stránky ťažkopádne a optimálne. Samozrejme, že v tomto veku vysokorýchlostného internetu je menší význam ako v minulosti, ale existuje celý rad dôvodov, prečo stručné a dobre napísaná webová stránka je oveľa praktickejšie ako jeho náprotivok, vytvorený vo vizuálnom editore. Webová stránka vykonané takým programu bude zle zaobchádzať vo vyhľadávačoch ako je dôležité, aby im každý kilobajtov kódu a ťažkopádne a nelogické kódu s partiou sémantických chýb sotva mať je podľa chuti. Okrem toho, editori často pozadu, bezpredmetné, a utrácať prostriedky na ich vývoj je nepraktické, pretože žiadny odborník nebude používať tieto produkty. Preto každý, kto chce pracovať na tvorbe stránok, mal by poznať základy HTML.
tagy
Ako bolo uvedené vyššie, značky popísať štruktúru stránky webového prehliadača. Väčšina z nich má otváracie a uzatváracie tagy, ale nie všetky. Napríklad
K dispozícii sú aj jednotlivé tagy, ktoré nepotrebujú byť uzatvorený. V nich bolo vo vnútri, rovnako ako atribúty. Atribúty môžu byť stanovené pre väčšinu z HTML tagy a nastavuje vlastnosti prvku. Je určený v úvodnom tagu vyzerá takto: atribút = "...", kde namiesto bodov je hodnota atribútu. Znalosť značky je prvým a najdôležitejším krokom pre vývoj HTML. Základy tohto umenia tiež znamenať pochopenie webové stránky štruktúry.
štruktúra dokumentu
Každý dokument HTML má zodpovedajúce rozšírenie, napríklad index.html. Takže prehliadač môže pochopiť, čo má robiť, a správne zobraziť stránku. Všetky súbory použité na vytvorenie servera, je vhodné, aby sa v rovnakom adresári, ktorý bude v budúcnosti výrazne uľahčí život. Základy Hypertext Markup Language HTML zahŕňať jasnú predstavu o štruktúre dokumentu. Začína tagu , povie verziu prehliadača HTML, ktorý sa používa v tomto dokumente. V tejto chvíli, lokálna piatej verzie jazyka, takže nie je potrebné vymýšľať niečo, môžeme bezpečne vložiť vyššie uvedený štítok v hornej časti ktorejkoľvek stránky.
Potom ísť do hlavného spárované štruktúry, ktoré tvoria "kostru" webu. Prvý tag, v ktorom dať všetko ostatné - ... html>. Všetko, čo je mimo neho, nie je uznaný prehliadača ako webovú stránku, takže sa otvorí a zatvorí dokument. Táto značka je pre akýkoľvek dokument potrebný. Obsahuje tiež niekoľko povinné značky, ktoré budú popísané nižšie.
hlava
Vnútri tagu
... head> obsahuje informácie o technickej povahy, ktorý nebude zobrazený na stránke, ale napriek tomu je dôležitou súčasťou HTML dokumentu. Oznámenie Site položený na tomto mieste, sú vybrané a zavedená do kódovania názvu stránky. Je obsiahnutý v rámci povinného taguodkaz
Základná znalosť HTML tiež zahŕňa použitie kaskádových štýlov, alebo CSS. Oni nastaviť vlastnosti prvkov, ktoré budú zobrazené na stránke. Moderný prístup k tomuto problému spočíva v zavedení takých charakteristík ako sú farba, výška a umiestnenie položky, do externého súboru pre väčšie pohodlie. Pre pripojenie css-file používa tag . V konečnej podobe, to vyzerá asi takto: , čo znamená href na umiestnenie súboru a typ - od jeho typu.
telo
To je v tejto časti HTML dokumentu vytvoreného viditeľnej časti stránky. Všetko, čo sa deje vo vnútri "telo" sa zobrazí v prehliadači. V
- - sa používa na extrakciu podreťazca, ktorá má byť priradená k určitej štýlu, popísané v css;
- - vytvorí odkaz na webovej stránke; skočiť adresa je zadaný atribút href;
- - jedna z najobľúbenejších moderných značiek; Každý, kto sa rozhodol naučiť sa základy jazyka HTMLl by mali venovať osobitnú pozornosť, pretože je to blokový prvok, ktorý je vyrobený na základe leví podiel dnešných webových stránok (parametre pre bloksú nastavené v css, a ďalšie jednotky môžu byť umiestnené vo vnútri tohto tagu);
- zvolí odsek textu; Obsah odseku sa nachádza medzi otváracou a uzatváracou značky;
- - číslovaný zoznam, ktorého prvky sú ako pár značiek
- ;
-
- - odrážkami zoznam, ktorý, rovnako ako v číslovaných prvky sú označené štítkom
- ;
-
-
- hlavičky dokumentu (číslo udáva úroveň hlavičky, tj
- hlavný názov, a následné zmeny sú jeho titulky, mimochodom, úrovne nadpisov
je takmer nemožné nájsť na internetových otvorených priestorov) je tiež dôležité mať na pamäti, že stránka môže mať iba jednu hlavičku
;
- - tučné písmo;
- - kurzíva;
-
- vložiť obrázky na webovej stránke (to je jediná značka, nie je nutné vypnúť, ale je nutné zadať atribút alt, ktorý špecifikuje text na snímke);
To nie je všetko tagy potrebné k vytvoreniu svoje vlastné webové stránky, ale sú dostačujúce k položeniu základov HTML pre začiatočníkov.
CSS
Vývoj jazyka HTML viedol k tomu, že atribúty každú značku obzavolsya hmotnosti a požiadavky na vzhľad webových stránok znamenať podstatne zvýšil. Kód sa stal ťažkopádnym a nepohodlné, bolo ťažké ju prečítať, nieto prispôsobiť alebo zmeniť. Okrem toho potom budú musieť potiť, meniace sa každú stranu, ak váš web desať stránok, na ktorých veľa titulky, označené zelene, a zrazu chce, aby boli červené. S príchodom kaskádové štýly, tento proces sa stal jednoduché a logické, a HTML kód stala oveľa čitateľnejšie.
aplikovanie CSS
Ak chcete vytvoriť webové stránky, musíte poznať základy HTML a CSS, takže je teraz bez znalosti kaskádových štýlov robiť v tejto oblasti nie je nič. Oni nastaviť atribúty pre každý prvok, ktoré platia pre celý dokument. Takto si môžete nastaviť farbu raz pre všetky
elementov alebo , píše len jedno pravidlo. Vzhľadom k tomu, že súčasné požiadavky na vzhľad webových stránok, používanie kaskádových štýlov je nutnosťou.
Ak chcete pripojiť súbor css do dokumentu, existuje súvislosť tag. Mierne nad ňou popísaný princíp jeho užívania, ale nie je to jediná možnosť kombinovať všetky štýly na jednom mieste. Tam je tag