Co je HTML?

Hypertext Markup Language (HTML) je typ počítačového jazyka, který se používá k vytváření stránek, které lze zveřejnit na internetu nebo odeslání e -mailem. I když se to může zdát složité pro mnoho lidí, je to považováno za relativně jednoduchý jazyk. Všechny textové, grafiky a návrhové prvky stránky navržené s tímto LNGuage jsou „označeny“ kódy, které instruují webový prohlížeč nebo e -mailový program, jak tyto prvky zobrazit. Značky také poskytují informace o rozvržení a formátování tak, aby webová stránka nebo e -mail vypadaly co nejblíže k tomu, jak jeho návrhář zamýšlel vypadat. Pro návrháře webových stránek pro nováčky nebo kohokoli jiného, ​​kdo potřebuje znát určitý kód nebo se chce naučit, jak vytvořit celý web, existuje mnoho softwarových nástrojů, programů a webových stránek, které mu mohou pomoci při psaní kódu HTML.

Struktura

html kódování je strukturováno jako strom, s každým jinýmznačka vnořená v něm. Ve většině případů každý formátovací prvek vyžaduje startovací značku a koncovou značku a různé značky by se neměly překrývat. To je to, co se rozumí „vnořeným“; Pokud se značka 2 otevře po značce 1, pak by měla být značka 2 uzavřena jako nejprve, aby byl formátovací prvek značky 2 zcela uzavřen v rámci značky 1. prvky jsou jednotlivé komponenty, které tvoří kód, a zahrnují otevírání a zavírání značek a obsah mezi nimi. Atributy poskytují více informací o prvku a jsou tvořeny atributem a jeho hodnotou, spojené se stejným znakem.

Pro vytvoření prvku HTML vytvoří uživatel značku, která spustí a zakončí úhlovými držáky a umístí ji před textem, který je třeba formátovat. Kód - obvykle jedno nebo více písmen, čísel, slov a/nebo symbolů - uvnitř držáků úhlu označuje, co je prvek a atributy, které by měl obsah mít, jako je jeho velikost, písmo nebo jiné charakteristiky. K ukončení formátování uživatel tYPES První úhel držáku, poté zpětný lov, pak opakuje kód prvku a zavře držák. Například <strong> co je html? </strong> </ title> je kód používaný k formátu názvu tohoto článku; Značka prvku „silná“ je vnořena do značky „název“. </p> <H4> Typy kódů </h4> <p> Existuje mnoho kódů, které umožňují různé textové formátování, včetně kurzívy, tabulek, odstavců a hypertextových odkazů na webové stránky. Kódy mohou také označit do prohlížeče nebo e -mailového programu, jak zobrazit nebo používat jiné prvky, jako jsou obrázky, grafika, video a zvuk. Jiné typy kódů bez úhlových závorek lze použít k vytvoření interpunkčních značek, diakritiky a dalších symbolů, které by se mohly objevit v textu. Ačkoli všechny webové prohlížeče a mnoho e -mailových programů používají HTML, každý by mohl interpretovat a zobrazit kód trochu jinak a návrháři často musí tyto variace zvážit při vytváření webové stránky. </p> <H4> Vyvíjející se jazyk </h4> <p> Od vývojePMEN HTML na začátku 90. let britským počítačovým vědcem Timem Berners-Lee došlo k mnoha změnám a verzím. Tyto verze byly udržovány World Wide Web Consortium (W3C) od roku 1996. V lednu 2008 byl první veřejný pracovní návrh HTML 5 zveřejněn pracovní skupinou, která tuto specifikaci vyvíjela. Očekává se, že tato revize, která je stále ve vývoji od roku 2011, dramaticky změní vývoj aplikací pro web. Představuje řadu nových prvků, včetně prvků pro strukturu stránek, interaktivitu a podporu zvuku a videa, jakož i nových atributů. </p> <H4> Zobrazení kódu webové stránky </h4> <p> Kód použitý k vytvoření jakékoli webové stránky lze vidět navigací prohlížeče na stránku a poté výběrem správné možnosti z nabídky prohlížeče. Ve většině prohlížečů může uživatel kliknout na nabídku „Zobrazit“ a vybrat možnost, jako je „Zdroj“, „Zobrazit zdroj“ nebo „Zdroj stránky“. To způsobí, že se objeví vyskakovací okno a zobrazí se to kódT byla použita k vytvoření této webové stránky. </p> <p> Je důležité si uvědomit, že ne celý obsah nalezený na všech webových stránkách je zapsán v HTML. Rozšiřitelný značkovací jazyk (XML) a rozšiřitelný značka Hypertext Jazyk (XHTML) jsou další typy značkových jazyků používaných při vývoji webových stránek. Kromě toho se stylové listy - jako jsou kaskádové listy ve stylu (CSS) - používají k připojení stylu do dokumentů HTML. K vytvoření interaktivního obsahu se používají jazyky jako Flash® a Java®. K přidání konkrétních funkcí na web lze použít mnoho dalších programovacích jazyků. </p> <H4> ve srovnání s HTM </H4> <p> Prakticky řečeno, mezi rozšířeními HTM a HTML je malý rozdíl, protože oba jsou většinou strojů čteny jako soubor HTML. Důvodem, proč bylo možné začít s dvěma různými rozšířeními, je to, že určité typy počítačů, jako jsou ty, které běžely na 16bitových systémech DOS nebo Windows® 3, nemohly číst čtyři rozšíření znaků, a tak potřebovaly prodloužení tří znaků HTM. Většina sysTEM, které mohou číst čtyři rozšíření znaků, jsou automaticky naprogramovány tak, aby rozpoznaly soubory HTM jako soubory HTML, i když uživatelé počítače mohou občas potřebovat převodník, aby změnil soubor z HTM do formátu, který systém rozpozná. </p> </p> <section class="index-list"> <h4>JINÉ JAZYKY</h4> <ul> <li> <a href="/en/internet/what-is-html.html" hreflang="en" lang="en"> English</a></li> <li> <a href="/cs/internet/what-is-html.html" hreflang="cs" lang="cs"> Čeština</a></li> <li> <a href="/da/internet/what-is-html.html" hreflang="da" lang="da"> Dansk</a></li> <li> <a href="/de/internet/what-is-html.html" hreflang="de" lang="de"> Deutsch</a></li> <li> <a href="/sv/internet/what-is-html.html" hreflang="sv" lang="sv"> Svenska</a></li> <li> <a href="/fr/internet/what-is-html.html" hreflang="fr" lang="fr"> Français</a></li> <li> <a href="/it/internet/what-is-html.html" hreflang="it" lang="it"> Italiano</a></li> <li> <a href="/nl/internet/what-is-html.html" hreflang="nl" lang="nl"> Nederlands</a></li> <li> <a href="/no/internet/what-is-html.html" hreflang="no" lang="no"> Norsk</a></li> <li> <a href="/pl/internet/what-is-html.html" hreflang="pl" lang="pl"> Polski</a></li> <li> <a href="/pt/internet/what-is-html.html" hreflang="pt" lang="pt"> Português</a></li> <li> <a href="/es/internet/what-is-html.html" hreflang="es" lang="es"> Español</a></li> <li> <a href="/ja/internet/what-is-html.html" hreflang="ja" lang="ja"> 日本語</a></li> <li> <a href="/ko/internet/what-is-html.html" hreflang="ko" lang="ko"> 한국어</a></li> <li> </ul> </section> </article> <div class="articleRatings" data-article-url="https://www.helpleft.com/cs/internet/what-is-html.html"> <span class="articleRatings-question">Pomohl vám tento článek?</span> <span class="articleRatings-feedback"> <span class="articleRatings-feedback-tick"> <svg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"> <path d="m8 14a.997.997 0 0 1 -.707-.293l-2-2a.999.999 0 1 1 1.414-1.414l1.293 1.293 4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5a.997.997 0 0 1 -.707.293" fill="#2CC683" fill-rule="evenodd"></path> </svg> </span> <span class="articleRatings-feedback-message">Děkuji za zpětnou vazbu</span> </span> <span class="articleRatings-failure">Děkuji za zpětnou vazbu</span> <div class="articleRatings-actions"> <button class="rateAction rateAction--positive" data-rating="positive"> <span class="sr-only">Ano</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M5.538 14.026A19.392 19.392 0 0 1 12 12.923c2.26 0 4.432.388 6.462 1.103-1.087 2.61-3.571 4.436-6.462 4.436-2.891 0-5.375-1.825-6.462-4.436zm1.847-3.872a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692z"></path> </svg> </span> </button> <button class="rateAction rateAction--negative" data-rating="negative"> <span class="sr-only">Ne</span> <span class="rating-face"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M7.385 13.846a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm9.23 0a1.846 1.846 0 1 1 0-3.692 1.846 1.846 0 0 1 0 3.692zm-.967 4.95a.992.992 0 0 1-.615-.212c-1.701-1.349-4.364-1.349-6.065 0a.998.998 0 0 1-1.36-.123.895.895 0 0 1 .127-1.3A6.897 6.897 0 0 1 12 15.692c1.555 0 3.069.521 4.266 1.467.41.326.467.909.127 1.3a.982.982 0 0 1-.745.335z"></path> </svg> </span> </button> </div> </div> <section class="articleFoot"> <i class="icon-contact"></i> <p class="help"> <a id="sbContact" href="#contactModal" data-toggle="modal" class="contactUs">Jak můžeme pomoci?</a> <a id="sbContactMobile" href="mailto:support@HelpLeft.com" class="contactUs">Jak můžeme pomoci?</a> </p> <time class="lu"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.helpleft.com/cs/internet/what-is-html.html" target="_blank"><img src="/images/facebook.png"></a> <a href="https://www.pinterest.com/pin/create/link/?url=https://www.helpleft.com/cs/internet/what-is-html.html?utm_source=pinterest.com&utm_medium=social&utm_campaign=sunsetmag&media=https://www.helpleft.com/img/Surgery-2.jpg?itok=88aGvXqN&description=Co je HTML?" target="_blank"><img src="/images/pinterest.png"></a> <a href="https://twitter.com/intent/tweet?text=Co je HTML?+https://www.helpleft.com/cs/internet/what-is-html.html&via=HelpLeft" target="_blank"><img src="/images/twitter.png"></a> <a href="https://share.flipboard.com/bookmarklet/popout?v=2&title=Co je HTML?&url=https://www.helpleft.com/cs/internet/what-is-html.html" target="_blank"><img src="/images/flipboard.png"></a> <a href="mailto:?subject=Co je HTML?&body=https://www.helpleft.com/cs/internet/what-is-html.html" target="_blank"><img src="/images/e-mail.png"></a> </time> </section> </div><!--/contentWrapper--> <section class="related"> <h3>SOUVISEJÍCÍ ČLÁNKY</h3> <ul> <li><a href="/cs/internet/what-are-the-different-types-of-artificial-intelligence-technology.html">Jaké jsou různé typy technologie umělé inteligence?</a></li> <li><a href="/cs/internet/what-is-a-flash-card.html">Co je to flash karta?</a></li> <li><a href="/cs/internet/what-is-a-computer-fan.html">Co je to počítačový ventilátor?</a></li> <li><a href="/cs/internet/what-is-a-multiprogramming-operating-system.html">Co je multiprogramovací operační systém?</a></li> <li><a href="/cs/internet/what-are-pixels.html">Co jsou pixely?</a></li> <li><a href="/cs/internet/what-is-an-application-program-interface.html">Co je rozhraní aplikačního programu?</a></li> </ul> </section> </section><!--/content--> <aside id="sidebar" class="span3"> <a name="categories"></a> <div class="mobile-no"> <form action="/search.html" method="GET" id="searchBar" class="sm" autocomplete="off"> <input type="text" name="q" title="Hledat" class="search-query" placeholder="Napište svou otázku..." value="" aria-label="Napište svou otázku..."> <button type="submit"> <span class="sr-only">Přepnout vyhledávání</span> <i class="icon-search"></i> </button> </form> </div> <ul class="nav nav-list"> <li ><a href="/cs/health-page-1.html">Zdraví</a></li> <li ><a href="/cs/education-page-1.html">Vzdělání</a></li> <li ><a href="/cs/medicine-page-1.html">Medicína</a></li> <li ><a href="/cs/science-page-1.html">Věda</a></li> <li ><a href="/cs/physiology-page-1.html">Fyziologie</a></li> <li ><a href="/cs/finance-page-1.html">Finance</a></li> <li ><a href="/cs/business-page-1.html">Podnikání</a></li> <li ><a href="/cs/manufacturing-page-1.html">Výrobní</a></li> <li class='active'><a href="/cs/internet-page-1.html">Internet<i class='icon-arrow'></i></a></li> <li ><a href="/cs/technology-page-1.html">Technologie</a></li> <li ><a href="/cs/miscellaneous-page-1.html">Různé</a></li> <li><a href="/travel/cs/">Cestování</a></li> </ul> </aside> </div> <footer> <p> <a href="/about.html">O nás</a>    |    <a href="/terms-of-use.html">Podmínky použití</a>    |    <a href="/privacy-statement.html">Zásady ochrany osobních údajů</a> <br> Copyright © <a href="/cs/">HelpLeft</a> All rights reserved. </p> </footer> </section> <section id="contactModal" class="modal hide" tabindex="-1"> <h2>Jak můžeme pomoci?</h2> <a href="#" id="closeBtn" data-dismiss="modal"><i class="icon-close"></i></a> <div class="modal-body"> <form data-parsley-validate novalidate method="post" action="#" enctype="multipart/form-data" class="form-horizontal contact"> <div class="control-group"> <label for="md-name" class="control-label">název</label> <div class="controls"> <input type="text" name="name" id="md-name" placeholder=""> </div> <!--/controls--> </div> <!--/control-group--> <div class="control-group"> <label for="md-email" class="control-label">E-mailem</label> <div class="controls"> <input type="email" name="email" id="md-email" data-parsley-required="true" data-parsley-type="email" data-parsley-notblank="true" data-parsley-trigger="change" data-parsley-required-message="Email is required"> <input type="text" name="phone" id="phone" value=""> </div> <!--/controls--> </div> <!--/control-group--> <!--/control-group--> <div class="control-group"> <label for="md-message" class="control-label">Zpráva</label> <div class="controls"> <textarea name="message" id="md-message" data-parsley-required="true" data-parsley-notblank="true" data-parsley-required-message="Message is required"></textarea> </div> <!--/controls--> </div> <!-- /control-group --> <div class="form-actions"> <input type="submit" class="btn" value="Poslat"> </div> <!--/form-actions--> </form> </div> <!--/modal-body--> </section> <script src="/js/app.min.js"></script> </body> </html>