), ale predstavím vám ich o niečo neskôr.
Teraz si povieme niečo o zatváraní značiek. Samotný názov „zatváracia značka“ znamená, že značka vyžaduje povinné zatváranie. Toto sa deje s cieľom zreteľne obmedziť časť textu, na ktorú značka pôsobí.
Ako ilustračný príklad si pozrite značku ktorý sa používa na zvýraznenie textu, nastaví písmo na tučné. Značky: a sú hranice, ktoré definujú oblasť výberu textu. Tu je kód, kde posledný riadok zabudol zavrieť značku :
Moja prvá stránka
Ahoj všetci! A toto je moja prvá stránka.
Ahoj všetci! A toto je moja prvá stránka.
Ako vidíte, nejde o nič zložité, teraz môžete vytvoriť niekoľko prepojených stránok.
Značky na zvýraznenie textu
Existuje niekoľko spôsobov, ako zvýrazniť text na stránke. Môžete to urobiť pomocou štýlov, alebo môžete použiť značky. Nás (zatiaľ) zaujíma druhá možnosť.
- nastaví písmo na tučné.
- nastaví písmo na kurzívu.
- pridáva do textu podčiarknutie.
- určené na zvýraznenie textu. Prehliadače vykresľujú tento text kurzívou.
- preškrtne text. Táto značka bola odstránená z HTML5, preto sa odporúča radšej ju použiť
- zobrazí text v neproporcionálnom texte. Vylúčené z formátu HTML5.
- zobrazí písmo ako horný index. Písmo sa zobrazuje nad základnou čiarou textu a zmenšuje sa.
- zobrazí písmo ako dolný index. Text je umiestnený pod základnou čiarou zvyšku znakov riadku a zmenšenej veľkosti.
- určené na zvýraznenie textu. Prehliadače vykresľujú tento text tučným písmom.
- Zníži veľkosť písma o jednu v porovnaní s bežným textom. V HTML sa veľkosť písma meria v ľubovoľných jednotkách od 1 do 7, priemerná veľkosť textu použitá v predvolenom nastavení je 3. Značka zmenší text o jednu konvenčnú jednotku. Vnorené značky sú povolené , pričom veľkosť písma bude s každou vnorenou úrovňou menšia o 1, ale nemôže byť menšia ako 1.
- zväčšuje veľkosť písma o jeden v porovnaní s bežným textom. V HTML sa veľkosť písma meria v ľubovoľných jednotkách od 1 do 7, priemerná veľkosť použitého textu je štandardne 3. Pridanie značky zväčší text o jednu konvenčnú jednotku. Vnorené značky sú povolené , veľkosť písma bude s každou úrovňou väčšia.
- slúži na zvýraznenie úvodzoviek v texte. Obsah kontajnera sa v prehliadači automaticky zobrazí v úvodzovkách.
- určené na zvýraznenie dlhých úvodzoviek v dokumente. Text označený touto značkou sa tradične zobrazuje ako zarovnané políčko s ľavou a pravou výplňou (približne 40 pixelov) a výplňou hore a dole.
- definuje blok predformátovaného textu. Takýto text sa zvyčajne zobrazuje v neproporcionálnom písme a so všetkými medzerami medzi slovami. V predvolenom nastavení sa ľubovoľný počet po sebe nasledujúcich medzier v kóde zobrazuje na webovej stránke ako jeden. Označiť
Umožňuje vám obísť túto funkciu a zobraziť text podľa požiadaviek vývojára.
- definuje textový odsek. Označiť Je to blokový prvok, ktorý sa vždy začína na novom riadku, odseky textu, ktoré nasledujú po sebe, sú oddelené výplňou. Množstvo polstrovania je možné ovládať pomocou štýlov. Ak nie je koncová značka, koniec odseku sa považuje za začiatok prvku nasledujúceho bloku.
.. ..
- HTML ponúka šesť nadpisov na rôznych úrovniach, ktoré ukazujú relatívny význam sekcie za nadpisom. Takže značka
predstavuje najdôležitejšiu hlavičku prvej úrovne a značku slúži na označenie nadpisu šiestej úrovne a je najmenej významný. Štandardne sa nadpis prvej úrovne zobrazuje najväčším tučným písmom, nadpisy nasledujúcej úrovne majú menšiu veľkosť. Značky: ,…, sú blokové prvky, začínajú vždy na novom riadku a za nimi sa na ďalšom riadku zobrazujú ďalšie prvky. Okrem toho sa pred a za nadpisom pridá biele miesto. Značka má atribút zarovnať , ktorá definuje zarovnanie názvu, môže byť vľavo - zarovnanie názvu doľava, centrum - zarovnanie na stred, správny - zarovnanie doprava, zdôvodniť - zarovnané zarovnanie (vpravo aj vľavo). Táto hodnota funguje iba pre hlavičku, ktorá má viac ako jeden riadok.
- je kontajner na zmenu charakteristík písma, ako je veľkosť, farba a typ písma. Aj keď je táto značka stále podporovaná vo všetkých prehľadávačoch, je zastaraná a v prípade štýlov sa odporúča ju zrušiť. Značka má 3 atribúty: farba - nastaví farbu textu, tvár - definuje písmo, veľkosť - nastaví veľkosť písma v bežných jednotkách.
- označí text ako citát alebo poznámku pod čiarou k inému materiálu. Toto zvýraznenie je užitočné na zmenu štýlu textu pomocou CSS a je užitočné aj na rozdelenie kódu HTML na štruktúrne prvky. Prehliadače zvyčajne vkladajú text do kontajnera kurzívou.
- označuje, že postupnosť znakov je skratka. Pomocou atribútu titul uvádza sa dekódovanie skratky, čo umožňuje porozumieť skratke pre tých ľudí, ktorí ju nepoznajú. Vyhľadávacie mechanizmy navyše indexujú plnotextovú verziu skratky, ktorú je možné použiť na zlepšenie poradia dokumentu.
Predvolene je text uzavretý v kontajneri podčiarknuté prerušovanou čiarou.
Nižšie je uvedený kód, kde som použil všetky tieto značky:
Moja prvá stránka
Html a CSS sú dve základné technológie pre tvorbu webových stránok. HTML poskytuje štruktúru stránky, CSS (vizuálne a zvukové) rozloženie pre rôzne zariadenia. Spolu s grafikou a skriptovaním sú HTML a CSS základom pre tvorbu webových stránok a webových aplikácií. Viac sa dozviete nižšie o:
Čo je to HTML?
HTML je jazyk popisujúci štruktúru webových stránok. HTML dáva autorom prostriedky na:
Publikujte online dokumenty s nadpismi, textom, tabuľkami, zoznamami, fotografiami atď. Načítajte online informácie pomocou hypertextových odkazov, kliknutím na tlačidlo. Dizajnové formuláre na vykonávanie transakcií so vzdialenými službami, na použitie pri vyhľadávaní informácií, rezerváciách, objednávaní produktov atď. Zahrňte tabuľky, videoklipy, zvukové klipy a ďalšie aplikácie priamo do svojich dokumentov.
Autori pomocou HTML popisujú štruktúru stránok pomocou značiek. Prvky obsahu označenia jazyka ako napr „Odsek“, „zoznam“, „tabuľka“ atď .
Čo je to XHTML?
XHTML je a variant HTML , ktorý používa syntax XML, Extensible Markup Language. XHTML má všetky rovnaké prvky (pre odseky atď.) Ako variant HTML, ale syntax je mierne odlišná. Pretože XHTML je aplikácia XML, môžete použiť aj iné XML nástroje (napr. XSLT, jazyk na transformáciu obsahu XML).
Čo je to CSS?
CSS je jazyk na popis prezentácie webových stránok vrátane farieb, rozloženia a typov písma. Umožňuje prispôsobiť prezentáciu rôznym typom zariadení, ako sú veľké obrazovky, malé obrazovky alebo tlačiarne. CSS je nezávislý a môže byť použitý s akýmkoľvek značením založeným na XML jazyk Jazyk. Oddelenie HTML od CSS uľahčuje údržbu webov, zdieľanie šablón štýlov medzi stránkami a prispôsobenie stránok rôznym prostrediam. Toto sa označuje ako oddelenie štruktúry (alebo: obsahu) od prezentácie.
Čo je to WebFonts?
Webové písma je technológia, ktorá umožňuje ľuďom používať písma na požiadanie cez web bez nutnosti inštalácie v operačnom systéme. W3C má skúsenosti so stiahnuteľnými fontami cez HTML, CSS2 a SVG ... Až donedávna neboli písma na stiahnutie bežné na webe z dôvodu chýbajúceho interoperabilného formátu písma. Snaha spoločnosti WebFonts to plánuje vyriešiť vytvorením odvetvového otvoreného formátu písma pre web (nazývané „WOFF“) .
Prednáška sa skončila, dúfam, že získané vedomosti budú pre vás užitočné! V nasledujúcej prednáške vám poviem o tom, čo značka sama o sebe uchováva.
, naučíme sa, ako vykonávať najrôznejšie manipulácie s obrázkami, a oboznámime sa s tabuľkami.
Pri písaní tohto článku bol odtiaľto prevzatý popis niektorých značiek
Od autora: Ahojte všetci. Všetci chceme lepšie pochopiť vytváranie stránok, aby sme sa mohli zapojiť do zaujímavých projektov a uviesť svoje nápady do života. Čo však v prípade, že ste úplný začiatočník? Náš html tutoriál pre figuríny s praktickými lekciami vám pomôže konečne dosiahnuť taký dôležitý prielom v budovaní stránok od nulovej úrovne po minimálne základné pochopenie.
Pri štúdiu budovania staveniska je rovnako ako v takmer každom inom odbore dôležitá prax. Recept na varenie boršču si môžete prečítať 1000-krát, ale tento ho nevarí. Môžete sa naučiť základné princípy riadenia automobilu, ale kým si sadnete za volant, je to všetko na svetlo. Je nepochybné, že teória má určité výhody, ale nie taká veľká ako skutočná úroveň.
Pokiaľ teda hovoríme o učení html, existuje aj teória, ale existuje prax. Teória je v tomto prípade iba sériou článkov, lekcií o téme jazyka, základných značiek a ich aplikácií atď.
Cvičenie pre vás začne, keď si sami vytvoríte html súbor, napíšete tam štartovací kód a začnete vlastnými rukami študovať, ako to celé funguje. Napísal som tag a pozrel som sa, ako to funguje. Vložil som obrázok a skontroloval ho. Pridané nejaké atribúty atď. Je to prax, ktorá umožňuje rýchlo pochopiť a zapamätať si hlavné značky. Potom ich už len napíšete do stroja a nemusíte si pol hodiny pamätať, ako vytvoriť zoznam.
Pre vzácne značky by ste vždy mali používať slovník. Nikto, myslím, že ani jeden superkódovač a webový vývojár, nepozná všetky značky naspamäť. To jednoducho nie je potrebné. Ak štítok používate raz za 10 rokov, tak prečo si ho nechať v hlave? Myslím si, že je to pochopiteľné.
Ale tento postup by som nazval iba akousi sandboxovou hrou. Jednoducho napíšete rôzne značky a pokúsite sa všetko zistiť čo najpodrobnejšie, ale všetko na čo? Musí to mať nejaký účel. Html a css sa zvyčajne študujú, aby sa dalo vytvoriť vlastné webové stránky a plnohodnotné webové stránky.
Osvedčeným postupom je teda vypracovať pripravené a nakreslené usporiadanie stránok a vytvoriť ich. Rozloženie je presne to, čo sa nazýva proces vytvárania webových stránok z viacvrstvového obrázka pomocou jazykov html a css. Aj pri kódovaní môžu používať rámce, javascript a knižnice aplikácií, ale toto je téma na inú konverzáciu. To všetko sa dopĺňa. Html je základná technológia, ktorej je potrebné porozumieť veľmi dobre.
Ale poteším vás - je to základné, je to najjednoduchšie. Naučiť sa, ako určité značky fungujú a ako ich používať, je veľmi jednoduché. V html neexistujú žiadne zložité algoritmy, funkcie, metódy, triedy, ako je to v programovacích jazykoch. Toto je značkovací jazyk, stačí si ho trochu naštudovať a všetko bude veľmi jasné.
Ako sa správne naučiť jazyk a kde získať prax? Opäť hovorím o ľahkom učení, iba ak je na dobrej ceste. To znamená, že sledujte rozumné videonávody, kde sú potrebné veci vysvetľované postupne, od jednoduchých po zložité. Ak sledujete lekcie, ktoré nie sú zostavené v tomto formáte, potom väčšine materiálov jednoducho nebudete rozumieť.
Našťastie sú na našom webe všetky hodiny štruktúrované a zoradené od jednoduchých po zložité. Preto, ak študujete html podľa našich lekcií, potom nebudú problémy s asimiláciou materiálu.
Môžem vás ubezpečiť, že css je zaujímavejšie naučiť sa! A svojím spôsobom je to ešte jednoduchšie. Po prvé, css má tiež niekoľko vlastností a pravidiel, ktoré si musíte pamätať. Po druhé, tento jazyk má veľmi jednoduchú syntax, takže ani začiatočník nebude mať problémy s písaním kódu do tohto jazyka. Po tretie, pretože za vzhľad stránky je zodpovedný css, najskôr vás poteší, že ste stránku spravili červenú a vytvorili tam rám.
Všeobecne je učenie css jednoduché a zábavné, preto odporúčam neodkladať a začínať okamžite po dokončení základných znalostí html.
Vaša záverečná prax Nakoniec máte skúšku. Ale nebojte sa, nebude to ťažké. Navyše to nebudete musieť vykonať sami, ale iba podľa pokynov, ktoré sú uvedené na hodinách. Táto skúška je kurz. V ňom konečne dosiahnete hlavný stredný cieľ - navrhnete svoj prvý web a získate pochopenie toho, ako používať html a css v skutočnom vytváraní webov. Nech je to jednoduchá stránka, ale znalosti, ktoré ste získali, sú už dostatočné na to, aby ste mohli ďalej rásť a vytvárať zložitejšie usporiadania.
HTML je skratka pre H jo T ext M arkup Ľ trápenie, t.j. Hypertext Markup Language je hlavným stavebným prvkom webových stránok, ktorý sa používa na vytváranie a vizualizáciu webových stránok.
HTML pridáva značky do obyčajného textu. Hypertext obsahuje rôzne odkazy, prostredníctvom ktorých sú webové stránky navzájom prepojené. Pomocou HTML môže ktokoľvek vytvárať statické aj dynamické stránky. HTML je jazyk, ktorý popisuje štruktúru a sémantiku obsahu webového dokumentu. Obsah webovej stránky je označený pomocou značiek, ktoré predstavujú prvky HTML. Príklady takýchto prvkov sú , ,
atď. Tieto prvky tvoria stavebné prvky každej webovej stránky.
HTML vynašiel v roku 1991 vedec Tim Berners-Lee a bolo pôvodne určené na výmenu dokumentov medzi vedcami na rôznych univerzitách. Tim Burns-Lee svojím vynálezom položil základy moderného internetu.
Existuje niekoľko verzií HTML. Jazykový štandard sa neustále aktualizuje a dopĺňa, čoho dôsledkom je, že takmer každý rok vychádza nová verzia HTML. Verzia „HTML 2.0“ bola prvým štandardom špecifikácie HTML, ktorá bola zverejnená v roku 1995. HTML 4.01 je hlavná verzia HTML, ktorá bola zverejnená na konci roku 1999 a v súčasnosti sa široko používa. Dnes je najpopulárnejšou verziou HTML-5, ktorá je rozšírením HTML 4.01 a bola zverejnená v roku 2012.
Dokument alebo webová stránka HTML je jednoduchý textový dokument obsahujúci značky (ktoré sú zase obyčajným textom uzavretým v lomených zátvorkách)<имя тэга>). Webovú stránku je možné písať v bežnom textovom editore (Poznámkový blok, WordPad, Word atď.), Aj v špecializovanej podobe so zvýraznením kódu (Notepad ++, Sublime Text atď.). Dokumenty HTML sú uložené ako súbory .htm alebo .html.
Príklady online v každej lekcii
Pri prechádzaní učiva na každej lekcii budú poskytnuté príklady, ktoré vám pomôžu podrobne porozumieť každému kódu a prostredníctvom praxe si vychutnať proces učenia. Pomocou nášho online editora HTML môžete upraviť svoj dokument HTML a potom zobraziť výsledok kliknutím na oranžové tlačidlo „Spustiť“ v editore, ktoré je umiestnené nad ľavým oknom editora. Ak používate špecializovaný editor HTML, môžete príklad skopírovať a zobraziť výsledky svojej práce v prehliadači nainštalovanom v počítači.
Príklad kódu HTML:
Vyskúšajte to sami
Názov stránky
Toto je názov Toto je odsek.
Príklady online HTML
Výukový program HTML obsahuje viac ako 100 online príkladov, ktoré vám pomôžu ľahko zvládnuť značkovací jazyk. Lepšie raz vidieť ako stokrát počuť! Teória plus prax je kľúčom k vášmu úspechu v ovládaní HTML.
alebo sa naučte lekcie HTML sami a zadarmo
Chcete si vytvoriť vlastnú webovú stránku na internete? - Veľmi dobre! Html lekcie ti s tým pomôžu.
HyperText Markup Language alebo skrátene Html - hypertextový značkovací jazyk pre dokumenty, produkt konzorcia W3C - je jadrom takmer všetkých existujúcich webových stránok, čo ho stavia na vrchol hierarchie nástrojov na vytváranie webov. Osobitná pozornosť by sa mala venovať štúdiu hodín v tejto časti.
Lekcie HTML - toto sú lekcie o vytváraní internetových stránok.
Lekcie HTML - prvý krok k zvládnutiu vývoja internetových stránok.
Lekcie HTML a hodiny webdizajnu sú úplne odlišné pojmy.
Nové, moderné výukové programy HTML špeciálne navrhnutý pre začiatočníkov .
Syntax Html celkom jednoduché a ľahko pochopiteľné, ale to neznamená, že proces učenia bude plynulý a bezchybný. Netreba sa ich báť - sú neodvratné. Ak urobíte chybu, získate informácie o tom, ako by ste nemali v budúcnosti konať, tieto informácie stoja za určité úsilie, čas, a preto sú obzvlášť cenné. Takto sa zhromažďujú vedomosti a skúsenosti.
Pri vytváraní prvých stránok vás bude baviť myšlienka, že objavujete svet, ktorý ste predtým nepoznali a možno ste ani len netušili o jeho existencii - svet ďalších možností - svet webu.
Buď opatrný! Môžete sa stať závislým na novom povolaní.
Nové návody pre HTML Ukážka kódu HTML
Zvážte jeho prvky:
Značky, ktoré definujú začiatok a koniec dokumentu.
Sekcia služieb. Tu sú umiestnené príkazy pre prehľadávače, pokyny pre vyhľadávacie roboty, odkazy na vzdialené súbory, skripty.
Značky, ktoré definujú hlavný názov dokumentu.
Táto časť obsahuje celú viditeľnú časť webovej stránky.
V prehliadači uvidíme Hello World! :
Na štúdium Html Vyžaduje sa poznámkový blok. V ňom manuálne napíšeme kód. Možno je to všetko ... Výklad kódu je riešený softvérom na prezeranie webových stránok, to znamená Internet Explorer, Firefox, Opera, Chrome a ďalších prehľadávačov.
Budú predstavené lekcie tohto kurzu HTML 5 , Zahrnutie XHTML a CSS. Táto kombinácia je optimálna pre učenie a umožňuje vám výrazne urýchliť učenie materiálu.
V súčasnosti je špecifikácia už k dispozícii na oficiálnych stránkach konzorcia W3C HTML 5 ... Vývoj piatej verzie sa začal v roku 2007 a je založený na XML a v skutočnosti je doplnený o nové prvky a atribúty, XHTML -jedlo. Piata verzia Html ponúka viac funkcií a zjednodušuje proces vytvárania interaktívnych stránok a webových aplikácií. Okrem toho, HTML 5 obsahuje ďalšie prvky, ktoré poskytujú umiestnenie multimediálneho obsahu na webovú stránku.
Nový Html zatiaľ nedostal stav odporúčania a jeho značky v tejto fáze rozpoznáva iba niektoré prehľadávače. Napriek tomu sú dnes lekcie HTML 5 k dispozícii.
Post Scriptum: Internet pozostáva z nekonečného počtu stránok prepojených hypertextovými odkazmi prostredníctvom protokolu HyperText Transfer Protocol, alebo skrátene HTTP, protokolu na prenos dát vo forme hypertextových dokumentov. Čo je Html ? Html - Značkovací jazyk HyperText alebo hypertextový značkovací jazyk pre dokumenty.
Tento článok nemá slúžiť ako vyčerpávajúci sprievodca značkovacím jazykom HTML. Opisuje základy HTML - základné princípy, koncepty a definície tejto technológie, po osvojení ktorých môžete ľahko pokračovať v štúdiu kódovania HTML.
Ak si chcete lekciu naštudovať, stiahnite si archív s potrebnými súbormi.
Html je značkovací jazyk dokumenty ... Správna výslovnosť - HT Em El .
Pracovali ste niekedy v editore dokumentov Word alebo podobných kancelárskych aplikáciách? Pravdepodobne viete, že tento typ editorov má bohaté možnosti úprav textu, umiestňovania prvkov, vkladania obrázkov atď.
Prečo, pýtate sa, píšete článok HTML o textových procesoroch? Tu je dôvod. Ak prídete na to, čo je redaktor kancelárie? Je to aplikácia na úpravu a zobrazovanie dokumentov.
Kľúčové slovo tu je dokument
... To znamená, že dokument vytvoríme, upravíme a zobrazíme v nejakom programe, v tomto prípade v kancelárskom editore. Ak takýto dokument otvoríte v jednoduchom textovom editore, napríklad v programe Poznámkový blok, uvidíme množstvo zvláštnych symbolov a znakov. Tento chaos symbolov je pre ľudstvo nepochopiteľný, ale počítače mu môžu porozumieť. Vďaka tomuto internému jazyku získa dokument Word určitú štruktúru a vzhľad v samotnom editore a dokument sa pred nami objaví v celej svojej kráse s naformátovaným textom a obrázkami na mieste.
Html je značkovací jazyk dokumentu pre prehliadač ... Slovo „tu je prehliadač a dokument je stránkou HTML. Toto je samotný základ technológie HTML, ktorej porozumenie je nevyhnutné, aby nedošlo k zámene značkovacieho jazyka webových dokumentov s programovacími jazykmi. Názov hovorí sám za seba - pomocou HTML sme známka kde sa prvok, obrázok alebo text zobrazí na stránke a v akom poradí budú na seba nadväzovať.
Áno, písanie a formátovanie textu v kancelárskych aplikáciách nemá nič spoločné s programovaním. Pozorný čitateľ si ale všimne dôležitý detail - v textovom procesore píšeme, upravujeme a formátujeme text a obrázky pomocou vizuálnych tlačidiel a ponúk, ale prečo je HTML kód písaný ručne? Prečo sa dozvedieť toľko technických podrobností o písaní značiek pre dokument?
V skutočnosti existuje veľa editorov, pomocou ktorých môžete analogicky s programom Word vytvárať a upravovať stránky HTML. To znamená, že zdrojový HTML kód je pre nás skrytý a nejdeme do toho.
Akýsi Word pre HTML. Takéto vizuálne editory sa nazývajú:
WYSIWYG
redaktori - Ž klobúk Y. ou S ee Ja s Ž klobúk Y. ou G et. To znamená, ak sa preloží do ruštiny: to, čo vidíme, je to, čo dostaneme.
Ja ich volám „vuzivugi“. Aj keď to nie je z fonetického hľadiska správne, jasne to ukazuje nezmyselnosť tohto vynálezu. Začiatočníci veľmi často používajú tieto editory na vytváranie svojich prvých stránok. To je samozrejme pohodlné - nemusíte sa ponoriť do štúdia značiek, štýlov dizajnu a ďalších, na prvý pohľad nepríjemných a zložitých vecí. Samotný editor automaticky prevádza naše akcie do HTML kódu.
Ale ako sa hovorí, nič sa nedeje len tak. Konkrétnejšie má tento prístup veľmi vážne nevýhody. Čo všetkým bráni v používaní vizuálnych editorov na navrhovanie stránok HTML? Faktom je, že takto vytvorené stránky majú spravidla veľa nadbytočného kódu, veľa chýb zo sémantického hľadiska. Teraz samozrejme neexistujú žiadne problémy s vysokorýchlostným pripojením na internet a rozdiel vo veľkosti stránky 400 kb a 100 kb nie je pre rýchlosť podstatný, avšak optimalizovaný a správne napísaný kód HTML eliminuje mnoho problémov a dáva veľa výhod, menovite:
Kompetentný kód HTML má pozitívny vplyv na optimalizáciu vyhľadávacieho modulu, rýchlosť prehľadávania stránok vyhľadávacím robotom. Generované kilobajty kódu sú tu neprijateľné a dokonca škodlivé;
HTML kód vygenerovaný editorom WYSIWYG obsahuje veľa sémantických chýb. To znamená, že značky vygenerované takýmto editorom sa používajú na iné účely, kde potrebujete použiť napríklad zoznamy , editor nám vygeneruje ďalšiu nepotrebnú značku. Závisí to samozrejme od editora, ale máme tu na mysli komplexné riešenia pre vytváranie webov a nie jednoduchú úpravu textu v textovej oblasti pomocou nástrojov WYSIWYG.
Generuje sa veľa nepotrebných značiek a štruktúra dokumentu je nafúknutá. Povedzme, že presuniete prvok v takomto programe najskôr doprava, potom doľava, potom do stredu - každá akcia zanechá stopu v pôvodnom kóde HTML. Editor je program, ktorý nevie, čo presne chcete získať, a generuje veľa kódu, ktorý zohľadňuje všetky možné možnosti správania dokumentu v prehľadávači.
Redakcie pre vizualizáciu kódu HTML spravidla zastarávajú rýchlo. A kvôli nezáujmu zo strany profesionálov spravidla strácajú podporu a prestávajú sa rozvíjať. A HTML sa vyvíja. Všetko sa vyvíja, až na vuzivugi. Preto nemôžu generovať správny a moderný kód, do ktorého by boli zapojené nové čipy a riešenia.
Je nebeským trestom podporovať a rozvíjať takéto projekty. Používanie vzorov a opätovné použitie kódu neprichádza do úvahy.
HTML teda budeme písať iba perami. Adekvátne nástroje na vizuálnu úpravu HTML ešte neboli vynájdené a je nepravdepodobné, že sa objavia. Značkový jazyk HTML sa dá ľahko naučiť a porozumieť mu. Existuje veľa nástrojov na automatizáciu písania kódu HTML, ale o tom viac v ďalších lekciách.
Po tom, čo si trochu pohrávali s editorom WYSIWYG, mladí HTML guru opustia toto beznádejné zamestnanie a idú ďalej.
Štruktúra dokumentu HTML
Odporúčam stiahnuť a nainštalovať si editor Sublime Text pre triedy. Dôrazne vám neodporúčam používať zabudovaný „Poznámkový blok“ systému Windows pre rozloženie HTML, ak si nechcete v ranom štádiu učenia HTML zlomiť psychiku.
Rozhodli sme sa, že HTML kód dokumentu napíšeme manuálne, to znamená makeup . Rozloženie HTML - proces vytvárania dokumentu HTML. Medzi obyčajnými ľuďmi a znalými kruhmi - stačí rozloženie. Každý dokument má štruktúru a určité konštrukčné pravidlá. Z akých prvkov sa kód skladá, aká je štruktúra HTML?
Vytvorme na počítači počiatočnú šablónu - súbor index.html , otvorte ho pomocou editora a vložte do neho nasledujúci kód:
Nadpis
Telo dokumentu
Upozorňujeme, že dokumenty HTML majú príponu
.html .
Takže v poradí z príkladu.
- typ dokumentu (doctype)
Táto konštrukcia je vždy uvedená na začiatku dokumentu, aby prehliadač správne „pochopil“, ktorá verzia kódu HTML sa použije na vytvorenie dokumentu.
Vďaka tomu, že sa HTML neustále vyvíja, má niekoľko verzií, ako každý softvérový produkt. Aktuálna verzia HTML je 5. a uvedená v príklade doctype je relevantné.
V zásade nemá zmysel sa púšťať do štúdia typov dokumentov, pretože s vydaním HTML5 sa táto konštrukcia stala štandardom. Stačí ho vložiť na začiatok dokumentu zakaždým, keď začnete programovať rozloženie svojej webovej stránky.
- začiatok dokumentu
Prvá značka, ktorú vidíme po doctype, je .
Značka HTML štruktúrna jednotka značenia dokumentov HTML. HTML kód je tvorený z tehál nazývaných tagy. Každá značka má svoju vlastnú funkciu a osvojenie si značkovacieho jazyka HTML je v konečnom dôsledku o osvojení značiek a ich vlastností v dokumente.
Rád by som poznamenal, že naučiť sa HTML nie je také ťažké, ako by sa na prvý pohľad mohlo zdať. Naučiť sa značky použité pri označovaní dokumentu nie je pre mozog až taká veľká záťaž.
Označenie dokumentu teda začína značkou a končí sa zatváracou značkou... Každá značka, ktorá obsahuje ďalšie značky alebo prvky, musí byť uzavretá zatváracia značka ... Napríklad , ,
, atď.
Označiť je povinný, pretože obsahuje celú štruktúru dokumentu a je obalom pre ostatné prvky.
Označiť
Ďalej vidíme značka
, ktorý obsahuje ďalšie prvky, ktoré nám zatiaľ nie sú jasné. Obsahuje ďalšie prvky - to znamená, že prvky alebo štítky sú umiestnené medzi otváracou a záverečnou značkou v štruktúre:
<тег> obsah alebo iné značkyтег>
Označiť
je určený na ukladanie meta informácií dokumentu HTML, to znamená informácií, ktoré sa nezobrazia v samotnom dokumente, ale sú dôležité a do veľkej miery určujú, ako bude dokument vyzerať a ako sa správať.
Táto značka je v dokumente povinná.
Označiť - názov dokumentu
Nadpis
Nadpis
je požadovaná značka obsahujúce textové meta informácie, ktoré sa zobrazujú v názve prehliadača alebo karty. Označiť musí byť v značke ... Obsah tejto značky tiež používajú vyhľadávacie nástroje na zobrazenie dokumentu vo výsledkoch vyhľadávania.
Meta tag
Meta tag - špecializovaná značka určená na poskytovanie štruktúrovaných údajov o stránke. V značke sa najčastejšie používajú metaznačky
... Meta tagy sú v štruktúre voliteľné Html dokument.
Favicon
Priloží k dokumentu súbor s obrázkom favicon. Favicon - miniatúrna ikona zobrazená vedľa názvu dokumentu na karte prehliadača. Favicon je grafický súbor s rozmermi 16 x 16 (alebo 32 x 32) pixelov, ktorý môže byť v rôznych formátoch, napríklad png, jpg, ico, gif. Tradične sa používa formát ico. Animované favikóny sú súbory GIF obsahujúce animáciu. Keď dorazí nová správa, môžete sledovať animovaný favikón napríklad na VKontakte.
Štýly dokumentov CSS
Zahŕňa do dokumentu súbor CSS s hárkami štýlov HTML.
CSS - kaskádové Štýly dokumentov HTML. Každá značka, ktorá je v značke
, existuje množina vlastností, ako napríklad - farba, šírka, výška, poloha vo vzťahu k iným prvkom. Všetky tieto vlastnosti sú štýly CSS, ktoré je možné preniesť do externého súboru. Dizajn
pripája k dokumentu HTML externé súbory vrátane štýlov CSS.
Poznámka: vlastnosť href stavby určuje umiestnenie externého súboru. V našom príklade je to súbor štýl.css a favicon.ico sú v rovnakom priečinku ako súbor index.html . nemá koncovú značku.
Označiť
Označiť
Metódy vyhľadávania telefónov Xiaomi Ako funguje vyhľadávanie zariadení mi
Apple iPhone SE - Špecifikácie Vaše fotografie a videá - vždy so sebou
Mts minúty sú uložené. Aktuálny výmenný kurz. Ako vymeniť minúty za GB
Čo je zahrnuté v domovskom regióne MegaFon?
Môžem telefón nabiť cez noc?