HTML (Hypertext Markup Language) a CSS (Cascading Style Sheets) jsou dvě základní technologie pro vytváření Webových stránek. HTML poskytuje strukturu stránky, CSS (vizuální a sluchové) rozložení, pro různé zařízení. Spolu s grafikou a skriptováním jsou HTML a CSS základem vytváření webových stránek a webových aplikací. Další informace o:
co je HTML?
HTML je jazyk pro popis struktury webových stránek. HTML dává autorům prostředky:
- Publikujte online dokumenty s nadpisy, textem, tabulkami, seznamy, fotografiemi atd.
- načtěte online informace pomocí hypertextových odkazů kliknutím na tlačítko.
- návrhové formuláře pro provádění transakcí se vzdálenými službami, pro použití při vyhledávání informací,rezervaci, objednávání produktů atd.
- zahrnují spread-listy, videoklipy, zvukové klipy a další aplikace přímo ve svých dokumentech.
pomocí HTML autoři popisují strukturu stránek pomocí značek. Prvky jazyka štítku kusů obsahu, jako je „odstavec“, „Seznam“, „Tabulka,“ a tak dále.
co je XHTML?
XHTML je varianta HTML, která používá syntaxi XML, rozšiřitelného značkovacího jazyka. XHTML má všechny stejné prvky (pro odstavce atd.) jako varianta HTML, ale syntaxe je mírně odlišná. Protože XHTML je aplikace XML, můžete s ní použít jiné nástroje XML (například XSLT, jazyk pro transformaci obsahu XML).
co je CSS?
CSS je jazyk pro popis prezentace webových stránek, včetně barev, rozvržení a písem. Umožňuje přizpůsobit prezentaci různým typům zařízení, jako jsou velké obrazovky, malé obrazovky nebo tiskárny. CSS je nezávislý na HTML a může být použit s jakýmkoli značkovacím jazykem založeným na XML. Oddělení HTML od CSS usnadňuje údržbu webů, sdílení stylů napříč stránkami a přizpůsobení stránek různým prostředím. Toto se označuje jako oddělení struktury (nebo: obsah) od prezentace.
co je WebFonts?
WebFonts je technologie, která umožňuje lidem používat fonty na vyžádání přes Web bez nutnosti instalace v operačním systému. W3C má zkušenosti se stahovatelnými fonty prostřednictvím HTML, CSS2 a SVG. Až donedávna nebyla písma ke stažení na webu běžná kvůli nedostatku interoperabilního formátu písma. Úsilí WebFonts to plánuje řešit vytvořením otevřeného formátu písma podporovaného průmyslem pro Web(nazývaného „WOFF“).
příklady
následující velmi jednoduchý příklad části dokumentu HTML ukazuje, jak vytvořit odkaz v odstavci. Při vykreslení na obrazovku (nebo syntetizátor řeči), text odkazu bude „final report“; když někdo aktivuje odkaz, prohlížeč bude načítat zdroje označeny „http://www.example.com/report“:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class atribut na odstavce je start tag („<p>“), mohou být použity, mezi jinými věc, jak přidat styl. Například kurzívu v textu všech odstavců s třídou „moreinfo,“ jeden by mohl napsat, v CSS:
p.moreinfo { font-style: italic }
Tím, že pravidlo v samostatném souboru, styl může být sdílen libovolný počet HTML dokumenty.