CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="fi" dir="ltr"> <head> <meta charset="UTF-8"> <title>HTML – Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )fiwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""],"wgDefaultDateFormat": "fi normal","wgMonthNames":["","tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],"wgRequestId":"39159058-61f2-4f20-8051-3aad43823cb8","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"HTML","wgTitle":"HTML","wgCurRevisionId":22546798,"wgRevisionId":22546798,"wgArticleId":4975,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Artikkelit, joiden kuva tulee Wikidatasta","Seulonnan keskeiset artikkelit","W3C-standardit","Merkintäkielet","Vuoden 1989 ohjelmistot"],"wgPageViewLanguage":"fi","wgPageContentLanguage":"fi","wgPageContentModel":"wikitext","wgRelevantPageName":"HTML","wgRelevantArticleId":4975,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true, "wgFlaggedRevsParams":{"tags":{"accuracy":{"levels":3}}},"wgStableRevisionId":22546798,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fi","pageLanguageDir":"ltr","pageVariantFallbacks":"fi"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":20000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q8811","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.gadget.hidePersonalSandboxEdits": "ready","ext.gadget.fiwiki_flaggedrevs_css_rcfix":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.flaggedRevs.basic":"ready","mediawiki.codex.messagebox.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.flaggedRevs.advanced","ext.gadget.publicarttablesort","ext.gadget.ViikonKilpailu","ext.gadget.WikiLovesMonunmets","ext.gadget.ProtectionIndicator","ext.gadget.frwiki_infobox_v3", "ext.gadget.linkeddata","ext.gadget.perustiedotwikidatassa","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession","oojs-ui.styles.icons-media","oojs-ui-core.icons"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fi&modules=ext.cite.styles%7Cext.flaggedRevs.basic%7Cext.pygments%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cmediawiki.codex.messagebox.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fi&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fi&modules=ext.gadget.fiwiki_flaggedrevs_css_rcfix%2ChidePersonalSandboxEdits&only=styles&skin=vector-2022"> <link rel="stylesheet" href="/w/load.php?lang=fi&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.18"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1200px-HTML5_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="1200"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/800px-HTML5_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="800"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/640px-HTML5_logo_and_wordmark.svg.png"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="640"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="HTML – Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fi.m.wikipedia.org/wiki/HTML"> <link rel="alternate" type="application/x-wiki" title="Muokkaa" href="/w/index.php?title=HTML&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (fi)"> <link rel="EditURI" type="application/rsd+xml" href="//fi.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fi.wikipedia.org/wiki/HTML"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fi"> <link rel="alternate" type="application/atom+xml" title="Wikipedia-Atom-syöte" href="/w/index.php?title=Toiminnot:Tuoreet_muutokset&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-HTML rootpage-HTML skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Siirry sisältöön</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Sivusto"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Päävalikko" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Päävalikko" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Päävalikko</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Päävalikko</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">siirrä sivupalkkiin</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">piilota</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Valikko </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikipedia:Etusivu" title="Siirry etusivulle [z]" accesskey="z"><span>Etusivu</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:Tietoja"><span>Tietoja Wikipediasta</span></a></li><li id="n-allarticles" class="mw-list-item"><a href="/wiki/Wikipedia:Selaa_luokittain"><span>Kaikki sivut</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Toiminnot:Satunnainen_sivu" title="Avaa satunnainen sivu [x]" accesskey="x"><span>Satunnainen artikkeli</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Toiminnot:Toimintosivut"><span>Toimintosivut</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Osallistuminen </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Ohje:Sis%C3%A4llys" title="Ohjeita"><span>Ohje</span></a></li><li id="n-Kahvihuone" class="mw-list-item"><a href="/wiki/Wikipedia:Kahvihuone"><span>Kahvihuone</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Wikipedia:Ajankohtaista" title="Taustatietoa tämänhetkisistä tapahtumista"><span>Ajankohtaista</span></a></li><li id="n-Tuoreet-odottavat-muutokset" class="mw-list-item"><a href="//fi.wikipedia.org/wiki/Toiminnot:Tuoreet_muutokset?damaging=&goodfaith=&hideliu=0&hideanons=0&userExpLevel=&hidemyself=0&hidebyothers=0&hidebots=1&hidehumans=0&hidepatrolled=1&hideunpatrolled=0&hideminor=0&hidemajor=0&hidepageedits=0&hidenewpages=0&hidecategorization=1&hideWikibase=1&hidelog=0&highlight=1&goodfaith__verylikelybad_color=c5&goodfaith__likelybad_color=c4&goodfaith__maybebad_color=c3&damaging__verylikelybad_color=c5&damaging__likelybad_color=c4&damaging__maybebad_color=c3"><span>Tuoreet odottavat muutokset</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Toiminnot:Tuoreet_muutokset" title="Luettelo tuoreista muutoksista [r]" accesskey="r"><span>Tuoreet muutokset</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikipedia:Etusivu" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="" src="/static/images/mobile/copyright/wikipedia-tagline-fi.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Toiminnot:Haku" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Hae Wikipediasta [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Haku</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Hae Wikipediasta" aria-label="Hae Wikipediasta" autocapitalize="sentences" title="Hae Wikipediasta [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Toiminnot:Haku"> </div> <button class="cdx-button cdx-search-input__end-button">Hae</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Henkilökohtaiset työkalut"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Ulkoasu"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Muuta sivun kirjainkokoa, leveyttä ja väriä" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Ulkoasu" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Ulkoasu</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=fi.wikipedia.org&uselang=fi" class=""><span>Lahjoitukset</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Toiminnot:Luo_tunnus&returnto=HTML" title="On suositeltavaa luoda käyttäjätunnus ja kirjautua sisään. Se ei kuitenkaan ole pakollista." class=""><span>Luo tunnus</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Toiminnot:Kirjaudu_sis%C3%A4%C3%A4n&returnto=HTML" title="On suositeltavaa kirjautua sisään. Se ei kuitenkaan ole pakollista. [o]" accesskey="o" class=""><span>Kirjaudu sisään</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Lisää valintoja" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Henkilökohtaiset työkalut" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Henkilökohtaiset työkalut</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Käyttäjävalikko" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&wmf_medium=sidebar&wmf_campaign=fi.wikipedia.org&uselang=fi"><span>Lahjoitukset</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Toiminnot:Luo_tunnus&returnto=HTML" title="On suositeltavaa luoda käyttäjätunnus ja kirjautua sisään. Se ei kuitenkaan ole pakollista."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Luo tunnus</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Toiminnot:Kirjaudu_sis%C3%A4%C3%A4n&returnto=HTML" title="On suositeltavaa kirjautua sisään. Se ei kuitenkaan ole pakollista. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Kirjaudu sisään</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Sivut kirjautumattomille muokkaajille <a href="/wiki/Wikipedia:Tervetuloa_Wikipediaan" aria-label="Lue lisää muokkaamisesta"><span>lue lisää</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Toiminnot:Omat_muokkaukset" title="Luettelo tästä IP-osoitteesta tehdyistä muokkauksista [y]" accesskey="y"><span>Muokkaukset</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Toiminnot:Oma_keskustelu" title="Keskustelu tämän IP-osoitteen muokkauksista [n]" accesskey="n"><span>Keskustelu</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Sivusto"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sisällysluettelo" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sisällysluettelo</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">siirrä sivupalkkiin</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">piilota</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Johdanto</div> </a> </li> <li id="toc-Rakenteisuus_ja_merkkaus" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Rakenteisuus_ja_merkkaus"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Rakenteisuus ja merkkaus</span> </div> </a> <button aria-controls="toc-Rakenteisuus_ja_merkkaus-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Vaihda alaosio Rakenteisuus ja merkkaus</span> </button> <ul id="toc-Rakenteisuus_ja_merkkaus-sublist" class="vector-toc-list"> <li id="toc-Elementit_ja_tunnisteet" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Elementit_ja_tunnisteet"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.1</span> <span>Elementit ja tunnisteet</span> </div> </a> <ul id="toc-Elementit_ja_tunnisteet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Merkki-_ja_nimiviittaukset" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Merkki-_ja_nimiviittaukset"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.2</span> <span>Merkki- ja nimiviittaukset</span> </div> </a> <ul id="toc-Merkki-_ja_nimiviittaukset-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Esimerkkejä_elementeistä" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Esimerkkejä_elementeistä"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3</span> <span>Esimerkkejä elementeistä</span> </div> </a> <ul id="toc-Esimerkkejä_elementeistä-sublist" class="vector-toc-list"> <li id="toc-Otsikko" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Otsikko"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.1</span> <span>Otsikko</span> </div> </a> <ul id="toc-Otsikko-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Rivinvaihto" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Rivinvaihto"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.2</span> <span>Rivinvaihto</span> </div> </a> <ul id="toc-Rivinvaihto-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Linkit" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Linkit"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.3</span> <span>Linkit</span> </div> </a> <ul id="toc-Linkit-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Listat" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Listat"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.4</span> <span>Listat</span> </div> </a> <ul id="toc-Listat-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Kuvat" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Kuvat"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.5</span> <span>Kuvat</span> </div> </a> <ul id="toc-Kuvat-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Canvas" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Canvas"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.3.6</span> <span>Canvas</span> </div> </a> <ul id="toc-Canvas-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Koodaus" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Koodaus"> <div class="vector-toc-text"> <span class="vector-toc-numb">1.4</span> <span>Koodaus</span> </div> </a> <ul id="toc-Koodaus-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Historia_ja_vakiointi" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Historia_ja_vakiointi"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Historia ja vakiointi</span> </div> </a> <button aria-controls="toc-Historia_ja_vakiointi-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Vaihda alaosio Historia ja vakiointi</span> </button> <ul id="toc-Historia_ja_vakiointi-sublist" class="vector-toc-list"> <li id="toc-Ensimmäiset_määrittelyt" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Ensimmäiset_määrittelyt"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span> <span>Ensimmäiset määrittelyt</span> </div> </a> <ul id="toc-Ensimmäiset_määrittelyt-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-HTML_2.0" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#HTML_2.0"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span> <span>HTML 2.0</span> </div> </a> <ul id="toc-HTML_2.0-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-HTML_3.0_ja_3.2" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#HTML_3.0_ja_3.2"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.3</span> <span>HTML 3.0 ja 3.2</span> </div> </a> <ul id="toc-HTML_3.0_ja_3.2-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-HTML_4.0" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#HTML_4.0"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4</span> <span>HTML 4.0</span> </div> </a> <ul id="toc-HTML_4.0-sublist" class="vector-toc-list"> <li id="toc-HTML_4.01" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#HTML_4.01"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.4.1</span> <span>HTML 4.01</span> </div> </a> <ul id="toc-HTML_4.01-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-HTML5" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#HTML5"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.5</span> <span>HTML5</span> </div> </a> <ul id="toc-HTML5-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-HTML:n_piirteet" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#HTML:n_piirteet"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>HTML:n piirteet</span> </div> </a> <ul id="toc-HTML:n_piirteet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Katso_myös" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Katso_myös"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Katso myös</span> </div> </a> <ul id="toc-Katso_myös-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Lähteet" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Lähteet"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Lähteet</span> </div> </a> <ul id="toc-Lähteet-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Aiheesta_muualla" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Aiheesta_muualla"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Aiheesta muualla</span> </div> </a> <ul id="toc-Aiheesta_muualla-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sisällysluettelo" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Sisällysluettelo" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Vaihda sisällysluettelo" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Vaihda sisällysluettelo</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HTML</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Mene artikkeliin toisella kielellä. Saatavilla 136 kielellä" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-136" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">136 kieltä</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-af mw-list-item"><a href="https://af.wikipedia.org/wiki/HTML" title="HTML — afrikaans" lang="af" hreflang="af" data-title="HTML" data-language-autonym="Afrikaans" data-language-local-name="afrikaans" class="interlanguage-link-target"><span>Afrikaans</span></a></li><li class="interlanguage-link interwiki-als mw-list-item"><a href="https://als.wikipedia.org/wiki/HTML" title="HTML — sveitsinsaksa" lang="gsw" hreflang="gsw" data-title="HTML" data-language-autonym="Alemannisch" data-language-local-name="sveitsinsaksa" class="interlanguage-link-target"><span>Alemannisch</span></a></li><li class="interlanguage-link interwiki-ang mw-list-item"><a href="https://ang.wikipedia.org/wiki/Oferwrit_mearc_gereord" title="Oferwrit mearc gereord — muinaisenglanti" lang="ang" hreflang="ang" data-title="Oferwrit mearc gereord" data-language-autonym="Ænglisc" data-language-local-name="muinaisenglanti" class="interlanguage-link-target"><span>Ænglisc</span></a></li><li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%84%D8%BA%D8%A9_%D8%AA%D9%88%D8%B5%D9%8A%D9%81_%D8%A7%D9%84%D9%86%D8%B5_%D8%A7%D9%84%D9%81%D8%A7%D8%A6%D9%82" title="لغة توصيف النص الفائق — arabia" lang="ar" hreflang="ar" data-title="لغة توصيف النص الفائق" data-language-autonym="العربية" data-language-local-name="arabia" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-an mw-list-item"><a href="https://an.wikipedia.org/wiki/HTML" title="HTML — aragonia" lang="an" hreflang="an" data-title="HTML" data-language-autonym="Aragonés" data-language-local-name="aragonia" class="interlanguage-link-target"><span>Aragonés</span></a></li><li class="interlanguage-link interwiki-as mw-list-item"><a href="https://as.wikipedia.org/wiki/%E0%A6%8F%E0%A6%87%E0%A6%9A_%E0%A6%9F%E0%A6%BF_%E0%A6%8F%E0%A6%AE_%E0%A6%8F%E0%A6%B2" title="এইচ টি এম এল — assami" lang="as" hreflang="as" data-title="এইচ টি এম এল" data-language-autonym="অসমীয়া" data-language-local-name="assami" class="interlanguage-link-target"><span>অসমীয়া</span></a></li><li class="interlanguage-link interwiki-ast mw-list-item"><a href="https://ast.wikipedia.org/wiki/HTML" title="HTML — asturia" lang="ast" hreflang="ast" data-title="HTML" data-language-autonym="Asturianu" data-language-local-name="asturia" class="interlanguage-link-target"><span>Asturianu</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/HTML" title="HTML — azeri" lang="az" hreflang="az" data-title="HTML" data-language-autonym="Azərbaycanca" data-language-local-name="azeri" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-azb mw-list-item"><a href="https://azb.wikipedia.org/wiki/%D8%A7%DA%86%E2%80%8C%D8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9%84" title="اچ‌تی‌ام‌ال — South Azerbaijani" lang="azb" hreflang="azb" data-title="اچ‌تی‌ام‌ال" data-language-autonym="تۆرکجه" data-language-local-name="South Azerbaijani" class="interlanguage-link-target"><span>تۆرکجه</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/HTML" title="HTML — indonesia" lang="id" hreflang="id" data-title="HTML" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonesia" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/HTML" title="HTML — malaiji" lang="ms" hreflang="ms" data-title="HTML" data-language-autonym="Bahasa Melayu" data-language-local-name="malaiji" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-ban mw-list-item"><a href="https://ban.wikipedia.org/wiki/HTML" title="HTML — bali" lang="ban" hreflang="ban" data-title="HTML" data-language-autonym="Basa Bali" data-language-local-name="bali" class="interlanguage-link-target"><span>Basa Bali</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%8F%E0%A6%87%E0%A6%9A%E0%A6%9F%E0%A6%BF%E0%A6%8F%E0%A6%AE%E0%A6%8F%E0%A6%B2" title="এইচটিএমএল — bengali" lang="bn" hreflang="bn" data-title="এইচটিএমএল" data-language-autonym="বাংলা" data-language-local-name="bengali" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-zh-min-nan mw-list-item"><a href="https://zh-min-nan.wikipedia.org/wiki/HTML" title="HTML — min nan -kiina" lang="nan" hreflang="nan" data-title="HTML" data-language-autonym="閩南語 / Bân-lâm-gú" data-language-local-name="min nan -kiina" class="interlanguage-link-target"><span>閩南語 / Bân-lâm-gú</span></a></li><li class="interlanguage-link interwiki-ba mw-list-item"><a href="https://ba.wikipedia.org/wiki/HTML" title="HTML — baškiiri" lang="ba" hreflang="ba" data-title="HTML" data-language-autonym="Башҡортса" data-language-local-name="baškiiri" class="interlanguage-link-target"><span>Башҡортса</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/HTML" title="HTML — valkovenäjä" lang="be" hreflang="be" data-title="HTML" data-language-autonym="Беларуская" data-language-local-name="valkovenäjä" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/HTML" title="HTML — Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="HTML" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-bar mw-list-item"><a href="https://bar.wikipedia.org/wiki/HTML" title="HTML — baijeri" lang="bar" hreflang="bar" data-title="HTML" data-language-autonym="Boarisch" data-language-local-name="baijeri" class="interlanguage-link-target"><span>Boarisch</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/HTML" title="HTML — bosnia" lang="bs" hreflang="bs" data-title="HTML" data-language-autonym="Bosanski" data-language-local-name="bosnia" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/HTML" title="HTML — bretoni" lang="br" hreflang="br" data-title="HTML" data-language-autonym="Brezhoneg" data-language-local-name="bretoni" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/HTML" title="HTML — bulgaria" lang="bg" hreflang="bg" data-title="HTML" data-language-autonym="Български" data-language-local-name="bulgaria" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Hyper_Text_Markup_Language" title="Hyper Text Markup Language — katalaani" lang="ca" hreflang="ca" data-title="Hyper Text Markup Language" data-language-autonym="Català" data-language-local-name="katalaani" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cv mw-list-item"><a href="https://cv.wikipedia.org/wiki/HTML" title="HTML — tšuvassi" lang="cv" hreflang="cv" data-title="HTML" data-language-autonym="Чӑвашла" data-language-local-name="tšuvassi" class="interlanguage-link-target"><span>Чӑвашла</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language — tšekki" lang="cs" hreflang="cs" data-title="Hypertext Markup Language" data-language-autonym="Čeština" data-language-local-name="tšekki" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-co mw-list-item"><a href="https://co.wikipedia.org/wiki/HTML" title="HTML — korsika" lang="co" hreflang="co" data-title="HTML" data-language-autonym="Corsu" data-language-local-name="korsika" class="interlanguage-link-target"><span>Corsu</span></a></li><li class="interlanguage-link interwiki-cy mw-list-item"><a href="https://cy.wikipedia.org/wiki/HTML" title="HTML — kymri" lang="cy" hreflang="cy" data-title="HTML" data-language-autonym="Cymraeg" data-language-local-name="kymri" class="interlanguage-link-target"><span>Cymraeg</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/HTML" title="HTML — tanska" lang="da" hreflang="da" data-title="HTML" data-language-autonym="Dansk" data-language-local-name="tanska" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-se mw-list-item"><a href="https://se.wikipedia.org/wiki/HTML" title="HTML — pohjoissaame" lang="se" hreflang="se" data-title="HTML" data-language-autonym="Davvisámegiella" data-language-local-name="pohjoissaame" class="interlanguage-link-target"><span>Davvisámegiella</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language — saksa" lang="de" hreflang="de" data-title="Hypertext Markup Language" data-language-autonym="Deutsch" data-language-local-name="saksa" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-dsb mw-list-item"><a href="https://dsb.wikipedia.org/wiki/HTML" title="HTML — alasorbi" lang="dsb" hreflang="dsb" data-title="HTML" data-language-autonym="Dolnoserbski" data-language-local-name="alasorbi" class="interlanguage-link-target"><span>Dolnoserbski</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/HTML" title="HTML — viro" lang="et" hreflang="et" data-title="HTML" data-language-autonym="Eesti" data-language-local-name="viro" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/HTML" title="HTML — kreikka" lang="el" hreflang="el" data-title="HTML" data-language-autonym="Ελληνικά" data-language-local-name="kreikka" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/HTML" title="HTML — englanti" lang="en" hreflang="en" data-title="HTML" data-language-autonym="English" data-language-local-name="englanti" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/HTML" title="HTML — espanja" lang="es" hreflang="es" data-title="HTML" data-language-autonym="Español" data-language-local-name="espanja" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/HTML" title="HTML — esperanto" lang="eo" hreflang="eo" data-title="HTML" data-language-autonym="Esperanto" data-language-local-name="esperanto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/HTML" title="HTML — baski" lang="eu" hreflang="eu" data-title="HTML" data-language-autonym="Euskara" data-language-local-name="baski" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%A7%DA%86%E2%80%8C%D8%AA%DB%8C%E2%80%8C%D8%A7%D9%85%E2%80%8C%D8%A7%D9%84" title="اچ‌تی‌ام‌ال — persia" lang="fa" hreflang="fa" data-title="اچ‌تی‌ام‌ال" data-language-autonym="فارسی" data-language-local-name="persia" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-hif mw-list-item"><a href="https://hif.wikipedia.org/wiki/HTML" title="HTML — fidžinhindi" lang="hif" hreflang="hif" data-title="HTML" data-language-autonym="Fiji Hindi" data-language-local-name="fidžinhindi" class="interlanguage-link-target"><span>Fiji Hindi</span></a></li><li class="interlanguage-link interwiki-fo mw-list-item"><a href="https://fo.wikipedia.org/wiki/HTML" title="HTML — fääri" lang="fo" hreflang="fo" data-title="HTML" data-language-autonym="Føroyskt" data-language-local-name="fääri" class="interlanguage-link-target"><span>Føroyskt</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language — ranska" lang="fr" hreflang="fr" data-title="Hypertext Markup Language" data-language-autonym="Français" data-language-local-name="ranska" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-fy mw-list-item"><a href="https://fy.wikipedia.org/wiki/HTML" title="HTML — länsifriisi" lang="fy" hreflang="fy" data-title="HTML" data-language-autonym="Frysk" data-language-local-name="länsifriisi" class="interlanguage-link-target"><span>Frysk</span></a></li><li class="interlanguage-link interwiki-fur mw-list-item"><a href="https://fur.wikipedia.org/wiki/HTML" title="HTML — friuli" lang="fur" hreflang="fur" data-title="HTML" data-language-autonym="Furlan" data-language-local-name="friuli" class="interlanguage-link-target"><span>Furlan</span></a></li><li class="interlanguage-link interwiki-ga mw-list-item"><a href="https://ga.wikipedia.org/wiki/HTML" title="HTML — iiri" lang="ga" hreflang="ga" data-title="HTML" data-language-autonym="Gaeilge" data-language-local-name="iiri" class="interlanguage-link-target"><span>Gaeilge</span></a></li><li class="interlanguage-link interwiki-gd mw-list-item"><a href="https://gd.wikipedia.org/wiki/HTML" title="HTML — gaeli" lang="gd" hreflang="gd" data-title="HTML" data-language-autonym="Gàidhlig" data-language-local-name="gaeli" class="interlanguage-link-target"><span>Gàidhlig</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/HTML" title="HTML — galicia" lang="gl" hreflang="gl" data-title="HTML" data-language-autonym="Galego" data-language-local-name="galicia" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-glk mw-list-item"><a href="https://glk.wikipedia.org/wiki/%D8%A6%DA%86.%D8%AA%D9%8A.%D8%A6%D9%85.%D8%A6%D9%84" title="ئچ.تي.ئم.ئل — gilaki" lang="glk" hreflang="glk" data-title="ئچ.تي.ئم.ئل" data-language-autonym="گیلکی" data-language-local-name="gilaki" class="interlanguage-link-target"><span>گیلکی</span></a></li><li class="interlanguage-link interwiki-gu mw-list-item"><a href="https://gu.wikipedia.org/wiki/HTML" title="HTML — gudžarati" lang="gu" hreflang="gu" data-title="HTML" data-language-autonym="ગુજરાતી" data-language-local-name="gudžarati" class="interlanguage-link-target"><span>ગુજરાતી</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/HTML" title="HTML — korea" lang="ko" hreflang="ko" data-title="HTML" data-language-autonym="한국어" data-language-local-name="korea" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-haw mw-list-item"><a href="https://haw.wikipedia.org/wiki/HTML" title="HTML — havaiji" lang="haw" hreflang="haw" data-title="HTML" data-language-autonym="Hawaiʻi" data-language-local-name="havaiji" class="interlanguage-link-target"><span>Hawaiʻi</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/HTML" title="HTML — armenia" lang="hy" hreflang="hy" data-title="HTML" data-language-autonym="Հայերեն" data-language-local-name="armenia" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A%E0%A4%9F%E0%A5%80%E0%A4%8F%E0%A4%AE%E0%A4%8F%E0%A4%B2" title="एचटीएमएल — hindi" lang="hi" hreflang="hi" data-title="एचटीएमएल" data-language-autonym="हिन्दी" data-language-local-name="hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hsb mw-list-item"><a href="https://hsb.wikipedia.org/wiki/HTML" title="HTML — yläsorbi" lang="hsb" hreflang="hsb" data-title="HTML" data-language-autonym="Hornjoserbsce" data-language-local-name="yläsorbi" class="interlanguage-link-target"><span>Hornjoserbsce</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/HTML" title="HTML — kroatia" lang="hr" hreflang="hr" data-title="HTML" data-language-autonym="Hrvatski" data-language-local-name="kroatia" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-io mw-list-item"><a href="https://io.wikipedia.org/wiki/HTML" title="HTML — ido" lang="io" hreflang="io" data-title="HTML" data-language-autonym="Ido" data-language-local-name="ido" class="interlanguage-link-target"><span>Ido</span></a></li><li class="interlanguage-link interwiki-ia mw-list-item"><a href="https://ia.wikipedia.org/wiki/HTML" title="HTML — interlingua" lang="ia" hreflang="ia" data-title="HTML" data-language-autonym="Interlingua" data-language-local-name="interlingua" class="interlanguage-link-target"><span>Interlingua</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/HTML" title="HTML — islanti" lang="is" hreflang="is" data-title="HTML" data-language-autonym="Íslenska" data-language-local-name="islanti" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/HTML" title="HTML — italia" lang="it" hreflang="it" data-title="HTML" data-language-autonym="Italiano" data-language-local-name="italia" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/HTML" title="HTML — heprea" lang="he" hreflang="he" data-title="HTML" data-language-autonym="עברית" data-language-local-name="heprea" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-jv mw-list-item"><a href="https://jv.wikipedia.org/wiki/Hypertext_markup_language" title="Hypertext markup language — jaava" lang="jv" hreflang="jv" data-title="Hypertext markup language" data-language-autonym="Jawa" data-language-local-name="jaava" class="interlanguage-link-target"><span>Jawa</span></a></li><li class="interlanguage-link interwiki-ka mw-list-item"><a href="https://ka.wikipedia.org/wiki/%E1%83%B0%E1%83%98%E1%83%9E%E1%83%94%E1%83%A0%E1%83%A2%E1%83%94%E1%83%A5%E1%83%A1%E1%83%A2%E1%83%A3%E1%83%A0%E1%83%98_%E1%83%9B%E1%83%90%E1%83%A0%E1%83%99%E1%83%98%E1%83%A0%E1%83%94%E1%83%91%E1%83%98%E1%83%A1_%E1%83%94%E1%83%9C%E1%83%90" title="ჰიპერტექსტური მარკირების ენა — georgia" lang="ka" hreflang="ka" data-title="ჰიპერტექსტური მარკირების ენა" data-language-autonym="ქართული" data-language-local-name="georgia" class="interlanguage-link-target"><span>ქართული</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/HTML" title="HTML — kazakki" lang="kk" hreflang="kk" data-title="HTML" data-language-autonym="Қазақша" data-language-local-name="kazakki" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-ky mw-list-item"><a href="https://ky.wikipedia.org/wiki/HTML" title="HTML — kirgiisi" lang="ky" hreflang="ky" data-title="HTML" data-language-autonym="Кыргызча" data-language-local-name="kirgiisi" class="interlanguage-link-target"><span>Кыргызча</span></a></li><li class="interlanguage-link interwiki-sw mw-list-item"><a href="https://sw.wikipedia.org/wiki/HTML" title="HTML — swahili" lang="sw" hreflang="sw" data-title="HTML" data-language-autonym="Kiswahili" data-language-local-name="swahili" class="interlanguage-link-target"><span>Kiswahili</span></a></li><li class="interlanguage-link interwiki-ku mw-list-item"><a href="https://ku.wikipedia.org/wiki/HTML" title="HTML — kurdi" lang="ku" hreflang="ku" data-title="HTML" data-language-autonym="Kurdî" data-language-local-name="kurdi" class="interlanguage-link-target"><span>Kurdî</span></a></li><li class="interlanguage-link interwiki-la mw-list-item"><a href="https://la.wikipedia.org/wiki/HTML" title="HTML — latina" lang="la" hreflang="la" data-title="HTML" data-language-autonym="Latina" data-language-local-name="latina" class="interlanguage-link-target"><span>Latina</span></a></li><li class="interlanguage-link interwiki-ltg mw-list-item"><a href="https://ltg.wikipedia.org/wiki/HTML" title="HTML — latgalli" lang="ltg" hreflang="ltg" data-title="HTML" data-language-autonym="Latgaļu" data-language-local-name="latgalli" class="interlanguage-link-target"><span>Latgaļu</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/HTML" title="HTML — latvia" lang="lv" hreflang="lv" data-title="HTML" data-language-autonym="Latviešu" data-language-local-name="latvia" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-lb mw-list-item"><a href="https://lb.wikipedia.org/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language — luxemburg" lang="lb" hreflang="lb" data-title="Hypertext Markup Language" data-language-autonym="Lëtzebuergesch" data-language-local-name="luxemburg" class="interlanguage-link-target"><span>Lëtzebuergesch</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/HTML" title="HTML — liettua" lang="lt" hreflang="lt" data-title="HTML" data-language-autonym="Lietuvių" data-language-local-name="liettua" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-lij mw-list-item"><a href="https://lij.wikipedia.org/wiki/HTML" title="HTML — liguuri" lang="lij" hreflang="lij" data-title="HTML" data-language-autonym="Ligure" data-language-local-name="liguuri" class="interlanguage-link-target"><span>Ligure</span></a></li><li class="interlanguage-link interwiki-lfn mw-list-item"><a href="https://lfn.wikipedia.org/wiki/HTML" title="HTML — lingua franca nova" lang="lfn" hreflang="lfn" data-title="HTML" data-language-autonym="Lingua Franca Nova" data-language-local-name="lingua franca nova" class="interlanguage-link-target"><span>Lingua Franca Nova</span></a></li><li class="interlanguage-link interwiki-lmo mw-list-item"><a href="https://lmo.wikipedia.org/wiki/HTML" title="HTML — lombardi" lang="lmo" hreflang="lmo" data-title="HTML" data-language-autonym="Lombard" data-language-local-name="lombardi" class="interlanguage-link-target"><span>Lombard</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/HTML" title="HTML — unkari" lang="hu" hreflang="hu" data-title="HTML" data-language-autonym="Magyar" data-language-local-name="unkari" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-mai mw-list-item"><a href="https://mai.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A%E0%A4%9F%E0%A4%BF%E0%A4%8F%E0%A4%AE%E0%A4%8F%E0%A4%B2" title="एचटिएमएल — maithili" lang="mai" hreflang="mai" data-title="एचटिएमएल" data-language-autonym="मैथिली" data-language-local-name="maithili" class="interlanguage-link-target"><span>मैथिली</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/HTML" title="HTML — makedonia" lang="mk" hreflang="mk" data-title="HTML" data-language-autonym="Македонски" data-language-local-name="makedonia" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-mg mw-list-item"><a href="https://mg.wikipedia.org/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language — malagassi" lang="mg" hreflang="mg" data-title="Hypertext Markup Language" data-language-autonym="Malagasy" data-language-local-name="malagassi" class="interlanguage-link-target"><span>Malagasy</span></a></li><li class="interlanguage-link interwiki-ml mw-list-item"><a href="https://ml.wikipedia.org/wiki/%E0%B4%8E%E0%B4%9A%E0%B5%8D.%E0%B4%9F%E0%B4%BF.%E0%B4%8E%E0%B4%82.%E0%B4%8E%E0%B5%BD." title="എച്.ടി.എം.എൽ. — malajalam" lang="ml" hreflang="ml" data-title="എച്.ടി.എം.എൽ." data-language-autonym="മലയാളം" data-language-local-name="malajalam" class="interlanguage-link-target"><span>മലയാളം</span></a></li><li class="interlanguage-link interwiki-mr mw-list-item"><a href="https://mr.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A.%E0%A4%9F%E0%A5%80.%E0%A4%8F%E0%A4%AE.%E0%A4%8F%E0%A4%B2." title="एच.टी.एम.एल. — marathi" lang="mr" hreflang="mr" data-title="एच.टी.एम.एल." data-language-autonym="मराठी" data-language-local-name="marathi" class="interlanguage-link-target"><span>मराठी</span></a></li><li class="interlanguage-link interwiki-arz mw-list-item"><a href="https://arz.wikipedia.org/wiki/%D8%A7%D8%AA%D8%B4_%D8%AA%D9%89_%D8%A7%D9%85_%D8%A7%D9%84" title="اتش تى ام ال — egyptinarabia" lang="arz" hreflang="arz" data-title="اتش تى ام ال" data-language-autonym="مصرى" data-language-local-name="egyptinarabia" class="interlanguage-link-target"><span>مصرى</span></a></li><li class="interlanguage-link interwiki-min mw-list-item"><a href="https://min.wikipedia.org/wiki/HTML" title="HTML — minangkabau" lang="min" hreflang="min" data-title="HTML" data-language-autonym="Minangkabau" data-language-local-name="minangkabau" class="interlanguage-link-target"><span>Minangkabau</span></a></li><li class="interlanguage-link interwiki-cdo mw-list-item"><a href="https://cdo.wikipedia.org/wiki/HTML" title="HTML — Mindong" lang="cdo" hreflang="cdo" data-title="HTML" data-language-autonym="閩東語 / Mìng-dĕ̤ng-ngṳ̄" data-language-local-name="Mindong" class="interlanguage-link-target"><span>閩東語 / Mìng-dĕ̤ng-ngṳ̄</span></a></li><li class="interlanguage-link interwiki-mn mw-list-item"><a href="https://mn.wikipedia.org/wiki/HTML" title="HTML — mongoli" lang="mn" hreflang="mn" data-title="HTML" data-language-autonym="Монгол" data-language-local-name="mongoli" class="interlanguage-link-target"><span>Монгол</span></a></li><li class="interlanguage-link interwiki-my mw-list-item"><a href="https://my.wikipedia.org/wiki/HTML" title="HTML — burma" lang="my" hreflang="my" data-title="HTML" data-language-autonym="မြန်မာဘာသာ" data-language-local-name="burma" class="interlanguage-link-target"><span>မြန်မာဘာသာ</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/HyperText_Markup_Language" title="HyperText Markup Language — hollanti" lang="nl" hreflang="nl" data-title="HyperText Markup Language" data-language-autonym="Nederlands" data-language-local-name="hollanti" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-ne mw-list-item"><a href="https://ne.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A%E0%A4%9F%E0%A4%BF%E0%A4%8F%E0%A4%AE%E0%A4%8F%E0%A4%B2" title="एचटिएमएल — nepali" lang="ne" hreflang="ne" data-title="एचटिएमएल" data-language-autonym="नेपाली" data-language-local-name="nepali" class="interlanguage-link-target"><span>नेपाली</span></a></li><li class="interlanguage-link interwiki-new mw-list-item"><a href="https://new.wikipedia.org/wiki/%E0%A4%8F%E0%A4%9A_%E0%A4%9F%E0%A5%80_%E0%A4%8F%E0%A4%AE%E0%A5%8D_%E0%A4%8F%E0%A4%B2%E0%A5%8D" title="एच टी एम् एल् — newari" lang="new" hreflang="new" data-title="एच टी एम् एल्" data-language-autonym="नेपाल भाषा" data-language-local-name="newari" class="interlanguage-link-target"><span>नेपाल भाषा</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/HyperText_Markup_Language" title="HyperText Markup Language — japani" lang="ja" hreflang="ja" data-title="HyperText Markup Language" data-language-autonym="日本語" data-language-local-name="japani" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-ce mw-list-item"><a href="https://ce.wikipedia.org/wiki/HTML" title="HTML — tšetšeeni" lang="ce" hreflang="ce" data-title="HTML" data-language-autonym="Нохчийн" data-language-local-name="tšetšeeni" class="interlanguage-link-target"><span>Нохчийн</span></a></li><li class="interlanguage-link interwiki-frr mw-list-item"><a href="https://frr.wikipedia.org/wiki/HTML" title="HTML — pohjoisfriisi" lang="frr" hreflang="frr" data-title="HTML" data-language-autonym="Nordfriisk" data-language-local-name="pohjoisfriisi" class="interlanguage-link-target"><span>Nordfriisk</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/HTML" title="HTML — norjan bokmål" lang="nb" hreflang="nb" data-title="HTML" data-language-autonym="Norsk bokmål" data-language-local-name="norjan bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-nn mw-list-item"><a href="https://nn.wikipedia.org/wiki/HTML" title="HTML — norjan nynorsk" lang="nn" hreflang="nn" data-title="HTML" data-language-autonym="Norsk nynorsk" data-language-local-name="norjan nynorsk" class="interlanguage-link-target"><span>Norsk nynorsk</span></a></li><li class="interlanguage-link interwiki-mhr mw-list-item"><a href="https://mhr.wikipedia.org/wiki/HTML" title="HTML — Eastern Mari" lang="mhr" hreflang="mhr" data-title="HTML" data-language-autonym="Олык марий" data-language-local-name="Eastern Mari" class="interlanguage-link-target"><span>Олык марий</span></a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/HTML" title="HTML — uzbekki" lang="uz" hreflang="uz" data-title="HTML" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="uzbekki" class="interlanguage-link-target"><span>Oʻzbekcha / ўзбекча</span></a></li><li class="interlanguage-link interwiki-pa mw-list-item"><a href="https://pa.wikipedia.org/wiki/%E0%A8%90%E0%A8%9A.%E0%A8%9F%E0%A9%80.%E0%A8%90%E0%A8%AE.%E0%A8%90%E0%A8%B2" title="ਐਚ.ਟੀ.ਐਮ.ਐਲ — pandžabi" lang="pa" hreflang="pa" data-title="ਐਚ.ਟੀ.ਐਮ.ਐਲ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="pandžabi" class="interlanguage-link-target"><span>ਪੰਜਾਬੀ</span></a></li><li class="interlanguage-link interwiki-pnb mw-list-item"><a href="https://pnb.wikipedia.org/wiki/%D8%A7%DB%8C%DA%86_%D9%B9%DB%8C_%D8%A7%DB%8C%D9%85_%D8%A7%DB%8C%D9%84" title="ایچ ٹی ایم ایل — Western Punjabi" lang="pnb" hreflang="pnb" data-title="ایچ ٹی ایم ایل" data-language-autonym="پنجابی" data-language-local-name="Western Punjabi" class="interlanguage-link-target"><span>پنجابی</span></a></li><li class="interlanguage-link interwiki-blk mw-list-item"><a href="https://blk.wikipedia.org/wiki/HTML" title="HTML — Pa'O" lang="blk" hreflang="blk" data-title="HTML" data-language-autonym="ပအိုဝ်ႏဘာႏသာႏ" data-language-local-name="Pa'O" class="interlanguage-link-target"><span>ပအိုဝ်ႏဘာႏသာႏ</span></a></li><li class="interlanguage-link interwiki-km mw-list-item"><a href="https://km.wikipedia.org/wiki/HTML" title="HTML — khmer" lang="km" hreflang="km" data-title="HTML" data-language-autonym="ភាសាខ្មែរ" data-language-local-name="khmer" class="interlanguage-link-target"><span>ភាសាខ្មែរ</span></a></li><li class="interlanguage-link interwiki-shn mw-list-item"><a href="https://shn.wikipedia.org/wiki/HTML" title="HTML — shan" lang="shn" hreflang="shn" data-title="HTML" data-language-autonym="တႆး" data-language-local-name="shan" class="interlanguage-link-target"><span>တႆး</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/HTML" title="HTML — puola" lang="pl" hreflang="pl" data-title="HTML" data-language-autonym="Polski" data-language-local-name="puola" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/HTML" title="HTML — portugali" lang="pt" hreflang="pt" data-title="HTML" data-language-autonym="Português" data-language-local-name="portugali" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-kaa mw-list-item"><a href="https://kaa.wikipedia.org/wiki/HTML" title="HTML — karakalpakki" lang="kaa" hreflang="kaa" data-title="HTML" data-language-autonym="Qaraqalpaqsha" data-language-local-name="karakalpakki" class="interlanguage-link-target"><span>Qaraqalpaqsha</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/HyperText_Markup_Language" title="HyperText Markup Language — romania" lang="ro" hreflang="ro" data-title="HyperText Markup Language" data-language-autonym="Română" data-language-local-name="romania" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-qu mw-list-item"><a href="https://qu.wikipedia.org/wiki/HTML" title="HTML — ketšua" lang="qu" hreflang="qu" data-title="HTML" data-language-autonym="Runa Simi" data-language-local-name="ketšua" class="interlanguage-link-target"><span>Runa Simi</span></a></li><li class="interlanguage-link interwiki-rue mw-list-item"><a href="https://rue.wikipedia.org/wiki/HTML" title="HTML — ruteeni" lang="rue" hreflang="rue" data-title="HTML" data-language-autonym="Русиньскый" data-language-local-name="ruteeni" class="interlanguage-link-target"><span>Русиньскый</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/HTML" title="HTML — venäjä" lang="ru" hreflang="ru" data-title="HTML" data-language-autonym="Русский" data-language-local-name="venäjä" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sco mw-list-item"><a href="https://sco.wikipedia.org/wiki/HTML" title="HTML — skotti" lang="sco" hreflang="sco" data-title="HTML" data-language-autonym="Scots" data-language-local-name="skotti" class="interlanguage-link-target"><span>Scots</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/HTML" title="HTML — albania" lang="sq" hreflang="sq" data-title="HTML" data-language-autonym="Shqip" data-language-local-name="albania" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-si mw-list-item"><a href="https://si.wikipedia.org/wiki/HTML" title="HTML — sinhala" lang="si" hreflang="si" data-title="HTML" data-language-autonym="සිංහල" data-language-local-name="sinhala" class="interlanguage-link-target"><span>සිංහල</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/HTML" title="HTML — Simple English" lang="en-simple" hreflang="en-simple" data-title="HTML" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sd mw-list-item"><a href="https://sd.wikipedia.org/wiki/%D9%87%D8%A7%D8%A6%D9%BE%D8%B1_%D9%BD%D9%8A%DA%AA%D8%B3%D9%BD_%D9%85%D8%A7%D8%B1%DA%AA_%D8%A7%D9%BE_%D9%84%D9%8A%D9%86%DA%AF%D9%88%D9%8A%D8%AC" title="هائپر ٽيڪسٽ مارڪ اپ لينگويج — sindhi" lang="sd" hreflang="sd" data-title="هائپر ٽيڪسٽ مارڪ اپ لينگويج" data-language-autonym="سنڌي" data-language-local-name="sindhi" class="interlanguage-link-target"><span>سنڌي</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Hypertextov%C3%BD_zna%C4%8Dkov%C3%BD_jazyk" title="Hypertextový značkový jazyk — slovakki" lang="sk" hreflang="sk" data-title="Hypertextový značkový jazyk" data-language-autonym="Slovenčina" data-language-local-name="slovakki" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/HTML" title="HTML — sloveeni" lang="sl" hreflang="sl" data-title="HTML" data-language-autonym="Slovenščina" data-language-local-name="sloveeni" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-so mw-list-item"><a href="https://so.wikipedia.org/wiki/HTML" title="HTML — somali" lang="so" hreflang="so" data-title="HTML" data-language-autonym="Soomaaliga" data-language-local-name="somali" class="interlanguage-link-target"><span>Soomaaliga</span></a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D8%A6%DB%8E%DA%86_%D8%AA%DB%8C_%D8%A6%DB%8E%D9%85_%D8%A6%DB%8E%DA%B5" title="ئێچ تی ئێم ئێڵ — soranî" lang="ckb" hreflang="ckb" data-title="ئێچ تی ئێم ئێڵ" data-language-autonym="کوردی" data-language-local-name="soranî" class="interlanguage-link-target"><span>کوردی</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/HTML" title="HTML — serbia" lang="sr" hreflang="sr" data-title="HTML" data-language-autonym="Српски / srpski" data-language-local-name="serbia" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/HTML" title="HTML — serbokroaatti" lang="sh" hreflang="sh" data-title="HTML" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="serbokroaatti" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/HTML" title="HTML — ruotsi" lang="sv" hreflang="sv" data-title="HTML" data-language-autonym="Svenska" data-language-local-name="ruotsi" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/HTML" title="HTML — tagalog" lang="tl" hreflang="tl" data-title="HTML" data-language-autonym="Tagalog" data-language-local-name="tagalog" class="interlanguage-link-target"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%AE%E0%AF%80%E0%AE%AF%E0%AF%81%E0%AE%B0%E0%AF%88%E0%AE%95%E0%AF%8D_%E0%AE%95%E0%AF%81%E0%AE%B1%E0%AE%BF%E0%AE%AF%E0%AE%BF%E0%AE%9F%E0%AF%81_%E0%AE%AE%E0%AF%8A%E0%AE%B4%E0%AE%BF" title="மீயுரைக் குறியிடு மொழி — tamili" lang="ta" hreflang="ta" data-title="மீயுரைக் குறியிடு மொழி" data-language-autonym="தமிழ்" data-language-local-name="tamili" class="interlanguage-link-target"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-te mw-list-item"><a href="https://te.wikipedia.org/wiki/HTML" title="HTML — telugu" lang="te" hreflang="te" data-title="HTML" data-language-autonym="తెలుగు" data-language-local-name="telugu" class="interlanguage-link-target"><span>తెలుగు</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%AD%E0%B8%8A%E0%B8%97%E0%B8%B5%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%A1%E0%B9%81%E0%B8%AD%E0%B8%A5" title="เอชทีเอ็มแอล — thai" lang="th" hreflang="th" data-title="เอชทีเอ็มแอล" data-language-autonym="ไทย" data-language-local-name="thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/HTML" title="HTML — vietnam" lang="vi" hreflang="vi" data-title="HTML" data-language-autonym="Tiếng Việt" data-language-local-name="vietnam" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-tg mw-list-item"><a href="https://tg.wikipedia.org/wiki/HTML" title="HTML — tadžikki" lang="tg" hreflang="tg" data-title="HTML" data-language-autonym="Тоҷикӣ" data-language-local-name="tadžikki" class="interlanguage-link-target"><span>Тоҷикӣ</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/HTML" title="HTML — turkki" lang="tr" hreflang="tr" data-title="HTML" data-language-autonym="Türkçe" data-language-local-name="turkki" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-tk mw-list-item"><a href="https://tk.wikipedia.org/wiki/HTML" title="HTML — turkmeeni" lang="tk" hreflang="tk" data-title="HTML" data-language-autonym="Türkmençe" data-language-local-name="turkmeeni" class="interlanguage-link-target"><span>Türkmençe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/HTML" title="HTML — ukraina" lang="uk" hreflang="uk" data-title="HTML" data-language-autonym="Українська" data-language-local-name="ukraina" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%D8%A7%DB%8C%DA%86_%D9%B9%DB%8C_%D8%A7%DB%8C%D9%85_%D8%A7%DB%8C%D9%84" title="ایچ ٹی ایم ایل — urdu" lang="ur" hreflang="ur" data-title="ایچ ٹی ایم ایل" data-language-autonym="اردو" data-language-local-name="urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-vec mw-list-item"><a href="https://vec.wikipedia.org/wiki/HTML" title="HTML — venetsia" lang="vec" hreflang="vec" data-title="HTML" data-language-autonym="Vèneto" data-language-local-name="venetsia" class="interlanguage-link-target"><span>Vèneto</span></a></li><li class="interlanguage-link interwiki-war mw-list-item"><a href="https://war.wikipedia.org/wiki/HTML" title="HTML — waray" lang="war" hreflang="war" data-title="HTML" data-language-autonym="Winaray" data-language-local-name="waray" class="interlanguage-link-target"><span>Winaray</span></a></li><li class="interlanguage-link interwiki-wo mw-list-item"><a href="https://wo.wikipedia.org/wiki/HTML" title="HTML — wolof" lang="wo" hreflang="wo" data-title="HTML" data-language-autonym="Wolof" data-language-local-name="wolof" class="interlanguage-link-target"><span>Wolof</span></a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/HTML" title="HTML — wu-kiina" lang="wuu" hreflang="wuu" data-title="HTML" data-language-autonym="吴语" data-language-local-name="wu-kiina" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-yi mw-list-item"><a href="https://yi.wikipedia.org/wiki/HTML" title="HTML — jiddiš" lang="yi" hreflang="yi" data-title="HTML" data-language-autonym="ייִדיש" data-language-local-name="jiddiš" class="interlanguage-link-target"><span>ייִדיש</span></a></li><li class="interlanguage-link interwiki-yo mw-list-item"><a href="https://yo.wikipedia.org/wiki/HTML" title="HTML — joruba" lang="yo" hreflang="yo" data-title="HTML" data-language-autonym="Yorùbá" data-language-local-name="joruba" class="interlanguage-link-target"><span>Yorùbá</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/HTML" title="HTML — kantoninkiina" lang="yue" hreflang="yue" data-title="HTML" data-language-autonym="粵語" data-language-local-name="kantoninkiina" class="interlanguage-link-target"><span>粵語</span></a></li><li class="interlanguage-link interwiki-bat-smg mw-list-item"><a href="https://bat-smg.wikipedia.org/wiki/HTML" title="HTML — samogiitti" lang="sgs" hreflang="sgs" data-title="HTML" data-language-autonym="Žemaitėška" data-language-local-name="samogiitti" class="interlanguage-link-target"><span>Žemaitėška</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/HTML" title="HTML — kiina" lang="zh" hreflang="zh" data-title="HTML" data-language-autonym="中文" data-language-local-name="kiina" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q8811#sitelinks-wikipedia" title="Muokkaa kieltenvälisiä linkkejä" class="wbc-editpage">Muokkaa linkkejä</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Nimiavaruudet"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/HTML" title="Näytä sisältösivu [c]" accesskey="c"><span>Artikkeli</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Keskustelu:HTML" rel="discussion" title="Keskustele sisällöstä [t]" accesskey="t"><span>Keskustelu</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Valitse kieliversio" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">suomi</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Näkymät"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/HTML"><span>Lue</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=HTML&veaction=edit" title="Muokkaa tätä sivua [v]" accesskey="v"><span>Muokkaa</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=HTML&action=edit" title="Muokkaa tämän sivun lähdekoodia [e]" accesskey="e"><span>Muokkaa wikitekstiä</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=HTML&action=history" title="Sivun aikaisemmat versiot [h]" accesskey="h"><span>Näytä historia</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Sivutyökalut"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Työkalut" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Työkalut</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Työkalut</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">siirrä sivupalkkiin</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">piilota</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Lisää valintoja" > <div class="vector-menu-heading"> Toiminnot </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/HTML"><span>Lue</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=HTML&veaction=edit" title="Muokkaa tätä sivua [v]" accesskey="v"><span>Muokkaa</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=HTML&action=edit" title="Muokkaa tämän sivun lähdekoodia [e]" accesskey="e"><span>Muokkaa wikitekstiä</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=HTML&action=history"><span>Näytä historia</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Yleinen </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Toiminnot:T%C3%A4nne_viittaavat_sivut/HTML" title="Lista sivuista, jotka viittaavat tänne [j]" accesskey="j"><span>Tänne viittaavat sivut</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Toiminnot:Linkitetyt_muutokset/HTML" rel="nofollow" title="Viimeisimmät muokkaukset sivuissa, joille viitataan tältä sivulta [k]" accesskey="k"><span>Linkitettyjen sivujen muutokset</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=HTML&oldid=22546798" title="Ikilinkki tämän sivun tähän versioon"><span>Ikilinkki</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=HTML&action=info" title="Enemmän tietoa tästä sivusta"><span>Sivun tiedot</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Toiminnot:Viittaus&page=HTML&id=22546798&wpFormIdentifier=titleform" title="Tietoa tämän sivun lainaamisesta"><span>Viitetiedot</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Toiminnot:UrlShortener&url=https%3A%2F%2Ffi.wikipedia.org%2Fwiki%2FHTML"><span>Lyhennä URL-osoite</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Toiminnot:QrCode&url=https%3A%2F%2Ffi.wikipedia.org%2Fwiki%2FHTML"><span>Lataa QR-koodi</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Tulosta/vie </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Toiminnot:DownloadAsPdf&page=HTML&action=show-download-screen"><span>Lataa PDF-tiedostona</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=HTML&printable=yes" title="Tulostettava versio [p]" accesskey="p"><span>Tulostettava versio</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Muissa hankkeissa </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/HTML" hreflang="en"><span>Wikimedia Commons</span></a></li><li class="wb-otherproject-link wb-otherproject-mediawiki mw-list-item"><a href="https://www.mediawiki.org/wiki/HTML" hreflang="en"><span>MediaWiki</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q8811" title="Linkki yhdistettyyn keskustietovaraston kohteeseen [g]" accesskey="g"><span>Wikidata-kohde</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Sivutyökalut"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Ulkoasu"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Ulkoasu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">siirrä sivupalkkiin</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">piilota</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Wikipediasta</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fi" dir="ltr"><table class="infobox" border="0" cellspacing="0" cellpadding="2" style="font-size:92%;font-size: 0.9em; border-collapse: collapse; width: 28em; border-collapse: collapse; width: 22em;"> <tbody><tr><th class="" colspan="2" style="text-align:center; font-size:15px; border-bottom: 1px solid #AAAAAA; background-color: #EFEFEF; color: #000000; font-size:large;">HyperText Markup Language</th> </tr> <tr><td class="" colspan="2" style="text-align: center; line-height:1.4; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;"><span typeof="mw:File"><a href="/wiki/Tiedosto:HTML5_logo_and_wordmark.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/120px-HTML5_logo_and_wordmark.svg.png" decoding="async" width="120" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/180px-HTML5_logo_and_wordmark.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/240px-HTML5_logo_and_wordmark.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></td> </tr> <tr><td class="" colspan="2" style="text-align: center; line-height:1.4; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;"><span typeof="mw:File"><a href="/wiki/Tiedosto:HTML.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/250px-HTML.svg.png" decoding="async" width="250" height="291" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/375px-HTML.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/500px-HTML.svg.png 2x" data-file-width="266" data-file-height="310" /></a></span></td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;"><a href="/wiki/Tiedostop%C3%A4%C3%A4te" title="Tiedostopääte">Tiedostopääte</a></td> <td class="" colspan="1" style="vertical-align: top;"> <code>.html</code></td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;"><a href="/wiki/Internet_media_type" title="Internet media type">Mediatyyppi</a></td> <td class="" colspan="1" style="vertical-align: top;"> <code>text/html</code></td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;">Kehittäjä</td> <td class="" colspan="1" style="vertical-align: top;"> <a href="/wiki/WHATWG" title="WHATWG">WHATWG</a></td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;">Lyhenne</td> <td class="" colspan="1" style="vertical-align: top;"> HTML</td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;">Avoimuus</td> <td class="" colspan="1" style="vertical-align: top;"> Kyllä</td> </tr> <tr><td class="" colspan="1" style="vertical-align: top; font-weight:bold;"><a href="/wiki/Verkkosivusto" title="Verkkosivusto">Verkkosivusto</a></td> <td class="" colspan="1" style="vertical-align: top;"> <span class="url"><a rel="nofollow" class="external text" href="https://html.spec.whatwg.org/">html<wbr />.spec<wbr />.whatwg<wbr />.org</a></span></td> </tr><tr class="infobox_tests" style="display:none"><td><span class="wd_tests"><a class="external text" href="https://tools.wmflabs.org/fiwiki-tools/testit/INFOBOX/OK">Infobox OK</a></span></td></tr> </tbody></table> <p><b>HTML</b> (lyhenne sanoista <i>Hypertext Markup Language</i><sup id="cite_ref-kotus_1-0" class="reference"><a href="#cite_note-kotus-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>, suomennettuna <i>hypertekstin merkintäkieli</i>) on <a href="/wiki/Avoin_standardi" title="Avoin standardi">avoimesti standardoitu</a> <a href="/wiki/Merkint%C3%A4kieli" title="Merkintäkieli">merkintäkieli</a>, jolla voidaan kuvata <a href="/wiki/Hyperlinkki" title="Hyperlinkki">hyperlinkkejä</a> sisältävää <a href="/wiki/Teksti" title="Teksti">tekstiä</a> eli <a href="/wiki/Hyperteksti" title="Hyperteksti">hypertekstiä</a>. HTML:llä voidaan myös merkitä tekstin rakenne eli esimerkiksi, mikä osa tekstistä on otsikkoa ja mikä leipätekstiä. HTML tunnetaan erityisesti kielenä, jolla <a href="/wiki/World_Wide_Web" title="World Wide Web">internetsivut</a> on kirjoitettu. </p><p><a href="/wiki/HTML5" title="HTML5">HTML5:tä</a> edeltävien HTML-versioiden <a href="/wiki/Syntaksi" title="Syntaksi">syntaksi</a> on määritelty <a href="/wiki/SGML" title="SGML">SGML:n</a> sovelluksina. HTML 4.01:stä on muokattu myös <a href="/wiki/XML" title="XML">XML:n</a> sovellukseksi luokiteltava versio <a href="/wiki/XHTML" title="XHTML">XHTML</a> 1.0, ja HTML 5:n luonnoksesta on rinnakkainen XML-versio XHTML 5. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Rakenteisuus_ja_merkkaus">Rakenteisuus ja merkkaus</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=1" title="Muokkaa osiota Rakenteisuus ja merkkaus" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=1" title="Muokkaa osion lähdekoodia: Rakenteisuus ja merkkaus"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Elementit_ja_tunnisteet">Elementit ja tunnisteet</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=2" title="Muokkaa osiota Elementit ja tunnisteet" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=2" title="Muokkaa osion lähdekoodia: Elementit ja tunnisteet"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure typeof="mw:File/Thumb"><a href="/wiki/Tiedosto:HTML_source_code_example.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/HTML_source_code_example.svg/300px-HTML_source_code_example.svg.png" decoding="async" width="300" height="238" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/HTML_source_code_example.svg/450px-HTML_source_code_example.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a6/HTML_source_code_example.svg/600px-HTML_source_code_example.svg.png 2x" data-file-width="315" data-file-height="250" /></a><figcaption>Esimerkki HTML-koodista</figcaption></figure> <p>HTML-koodi on rakenteista tekstiä, joka muodostuu sisäkkäisistä ja perättäisistä elementeistä. Koodauksen tasolla elementtejä edustavat <a href="/wiki/Sulkeet#Kulmasulkeet" title="Sulkeet">kulmasulkein</a> merkityt tunnisteet eli tägit, jotka nimeävät elementin tyypin. Selaimet eivät näytä tunnisteita sellaisinaan vaan käsittelevät niitä teknisinä ohjeina, joiden mukaan sivun varsinainen sisältö tulee jäsentää. </p><p>Tavallisesti elementissä on erikseen aloitustunniste ja <a href="/wiki/Vinoviiva" title="Vinoviiva">vinoviivalla</a> merkitty lopetustunniste sekä niiden väliin jäävä sisältö (jossa voi olla tekstiä ja myös muita HTML-elementtejä): </p> <dl><dd><code><tunniste></code><i>elementin sisältö</i><code></tunniste></code></dd></dl> <p>Aloitustunnisteeseen saattaa lisäksi sisältyä attribuutteja, jotka määrittävät elementin ominaisuuksia tarkemmin kuin tunnisteen nimeämä elementin tyyppi: </p> <dl><dd><code><tunniste attribuutti="arvo"></code><i>elementin sisältö</i><code></tunniste></code></dd></dl> <p>Eräissä HTML-elementeissä ei ole mitään sisältöä. Sisällyksetöntä elementtiä edustaa esimerkiksi pakollisen rivinvaihdon muodostava <code><br /></code>-tunniste. Sisällyksettömät elementit eivät tarvitse lopetustunnistetta, paitsi jos kyse on XHTML-koodista. Tällöinkin erillinen lopetustunniste voidaan korvata siten, että lopetusmerkkinä toimiva vinoviiva merkitään heti aloitustunnisteen loppuun: </p> <dl><dd><code><tunniste/></code></dd></dl> <p><b>Rakenteellinen</b> merkkaus määrittää elementin tarkoituksen. Esimerkiksi merkintä <code><h2></code><i>Golf</i><code></h2></code> tarkoittaa, että sana <i>Golf</i> on toisen asteen otsikko (joka näkyy selaimessa samanlaisena kuin <i>Rakenteisuus ja merkkaus</i> -otsikko tämän osion alussa). Rakenteellinen merkkaus ei periaatteessa määritä sitä, miltä tekstin pitää selaimessa näyttää, mutta yleensä selaimet noudattavat jotain oletusarvoista tapaa esittää erityyppisiä elementtejä. Tekstien ulkoasua voidaan lisäksi säädellä tarkemmin <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">CSS</a> (Cascading Style Sheets) -tyyliohjeilla. </p><p><b>Esityksellinen</b> merkkaus määrittää elementin ulkoasun, mutta ei tarkoitusta. Esimerkiksi <code><b></code><i>sisältö</i><code></b></code> tarkoittaa, että elementin sisältö tulisi näyttää lihavoituna tekstinä. Esityksellinen merkkaus ei kuitenkaan ota kantaa siihen, miten sisältö pitäisi esittää, jos tulostuslaite ei pysty lihavoimaan sisältöä (ei ole itsestään selvää, miten esimerkiksi puhesyntetisaattorin pitäisi käsitellä lihavointia, kun se muuntaa tekstin ääneksi). Sen sijaan rakenteellinen merkkaus <code><strong></code><i>sisältö</i><code></strong></code> tarkoittaa, että sisältö tulee esittää voimakkaasti, mutta ei ota kantaa siihen, tarkoittaako voimakkuus tekstin lihavointia vai puheen painokkuutta. Suurin osa esityksellisistä merkkauksista katsotaankin HTML 4.0 -spesifikaatiossa vanhentuneeksi. </p><p><b>Hypertekstuaaliset</b> merkkaukset linkittävät osia dokumentista toisiin dokumentteihin. Hyperlinkki luodaan erityisellä ankkurielementillä <code><a></code>, jossa <code>href</code>-attribuutti määrittää kohdedokumentin <a href="/wiki/URI" title="URI">URL:n</a>. Elementin sisältö hahmottuu selaimessa linkkisanaksi: </p> <dl><dd><code><a href="http://en.wikipedia.org/"></code><i>Wikipedia</i><code></a></code></dd></dl> <div class="mw-heading mw-heading3"><h3 id="Merkki-_ja_nimiviittaukset">Merkki- ja nimiviittaukset</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=3" title="Muokkaa osiota Merkki- ja nimiviittaukset" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=3" title="Muokkaa osion lähdekoodia: Merkki- ja nimiviittaukset"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dd><div class="disambig"><i>Pääartikkeli: <a href="/wiki/Merkkiviittaus" title="Merkkiviittaus">Merkkiviittaus</a></i></div></dd></dl> <p>HTML-koodiin voi sisällyttää erikoismerkkejä merkki- tai nimiviittauksilla, jotka alkavat <code><a href="/wiki/%26" title="&">&</a></code>-merkillä (et eli ampersandi) ja loppuvat <a href="/wiki/Puolipiste" title="Puolipiste">puolipisteeseen</a>. Esimerkiksi nimiviittauksella <code>&Omega;</code> voidaan tuottaa kreikkalainen suuraakkonen Ω eli <a href="/wiki/Oomega" title="Oomega">oomega</a> (jota <a href="/wiki/Kansainv%C3%A4linen_yksikk%C3%B6j%C3%A4rjestelm%C3%A4" title="Kansainvälinen yksikköjärjestelmä">kansainvälisen yksikköjärjestelmän</a> mukaan käytetään myös <a href="/wiki/Ohmi" title="Ohmi">ohmin</a> tunnuksena). </p> <div class="mw-heading mw-heading3"><h3 id="Esimerkkejä_elementeistä"><span id="Esimerkkej.C3.A4_elementeist.C3.A4"></span>Esimerkkejä elementeistä</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=4" title="Muokkaa osiota Esimerkkejä elementeistä" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=4" title="Muokkaa osion lähdekoodia: Esimerkkejä elementeistä"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ylätunnus (eng. header) elementti HTML dokumenttiin: <code><head>...</head></code>. Ylätunnuksen teksti sisällytetään ylätunnuksen sisälle, esimerkiksi: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">head</span><span class="p">></span> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Otsikon teksti<span class="p"></</span><span class="nt">title</span><span class="p">></span> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Otsikko">Otsikko</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=5" title="Muokkaa osiota Otsikko" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=5" title="Muokkaa osion lähdekoodia: Otsikko"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML-otsikkoelementit (eng. heading) määritellään kuudelle eri tasolle, <code><h1> – <h6></code> missä H1-tägi on ylimmäinen taso ja H6 on alimmainen taso: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h1</span><span class="p">></span>Otsikko taso 1<span class="p"></</span><span class="nt">h1</span><span class="p">></span> <span class="p"><</span><span class="nt">h2</span><span class="p">></span>Otsikko taso 2<span class="p"></</span><span class="nt">h2</span><span class="p">></span> <span class="p"><</span><span class="nt">h3</span><span class="p">></span>Otsikko taso 3<span class="p"></</span><span class="nt">h3</span><span class="p">></span> <span class="p"><</span><span class="nt">h4</span><span class="p">></span>Otsikko taso 4<span class="p"></</span><span class="nt">h4</span><span class="p">></span> <span class="p"><</span><span class="nt">h5</span><span class="p">></span>Otsikko taso 5<span class="p"></</span><span class="nt">h5</span><span class="p">></span> <span class="p"><</span><span class="nt">h6</span><span class="p">></span>Otsikko taso 6<span class="p"></</span><span class="nt">h6</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Rivinvaihto">Rivinvaihto</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=6" title="Muokkaa osiota Rivinvaihto" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=6" title="Muokkaa osion lähdekoodia: Rivinvaihto"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Rivinvaihtoelementtinä HTML:ssä käytetään tägiä <code><br /></code>. Käytännössä <code><br /></code> -tägi katkaisee rivin, ilman että se muuttaa sivun semanttista rakennetta, toisin kun kappale <code><p></code>-tägi paloittelee sivun kappaleisiin. Elementti <code><br /></code> on poikkeuksellinen siinä, että vaikka sillä voi olla attribuutteja, sillä ei voi olla muuta sisältöä tai lopetustägiä. </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">p</span><span class="p">></span>Tässä on kappale, jossa on tekstiä <span class="p"><</span><span class="nt">br</span> <span class="p">/></span> sekä rivinvaihtoja<span class="p"></</span><span class="nt">p</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Linkit">Linkit</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=7" title="Muokkaa osiota Linkit" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=7" title="Muokkaa osion lähdekoodia: Linkit"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Linkki HTML:ssä voidaan luoda hyödyntäen hyödyntäen <code><a></code>-tägiä. Jos halutaan yhdistää linkkiin URL-osoite, voidaan se tehdä hyödyntäen <code>href</code>-attribuuttia: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://www.wikipedia.org/"</span><span class="p">></span>Linkki Wikipediaan!<span class="p"></</span><span class="nt">a</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Listat">Listat</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=8" title="Muokkaa osiota Listat" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=8" title="Muokkaa osion lähdekoodia: Listat"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML:ssä on tägi järjestetylle listalle (Järjestys esimerkiksi: 1, 2, 3, … / a, b, c, … / i, ii, iii, ...) <code><ol></ol></code> sekä järjestämättömälle listalle <code><ul></ul></code>. Listan alkioita luodaan hyödyntäen <code><li></li></code> tägejä, jotka lisätään listaelementin sisälle (<code><ol></ol></code> tai <code><ul></ul></code>). </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">ol</span><span class="p">></span> Ostoslista: <span class="p"><</span><span class="nt">li</span><span class="p">></span>Banaani<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>Maito<span class="p"><</span><span class="nt">li</span><span class="p">/></span> <span class="p"><</span><span class="nt">li</span><span class="p">></span>Leipä<span class="p"></</span><span class="nt">li</span><span class="p">></span> <span class="p"></</span><span class="nt">ol</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Kuvat">Kuvat</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=9" title="Muokkaa osiota Kuvat" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=9" title="Muokkaa osion lähdekoodia: Kuvat"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Kuvia voi lisätä HTML:ssä hyödyntäen <code><img></code>-tägiä. <code><img></code> tägissä on kaksi vaadittua attribuuttia: <code>src</code>, joka määrittää polun kuvalle sekä <code>alt</code>, joka määrittää vaihtoehtoisen tekstin, jos kuvaa ei jostain syystä pystytä näyttämään. </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">'<kuvan polku>'</span> <span class="na">alt</span><span class="o">=</span><span class="s">'Vaihtoehtoinen teksti'</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading4"><h4 id="Canvas">Canvas</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=10" title="Muokkaa osiota Canvas" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=10" title="Muokkaa osion lähdekoodia: Canvas"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><a href="/wiki/Canvas-elementti" title="Canvas-elementti">Canvas</a> on HTML5-version mukana tullut elementti, joka mahdollistaa 2D-kappaleiden ja bitmap-kuvien dynaamisen renderöinnin. Canvasia hyödynnetään erityisesti 2D-pelien luomisessa. Yksinkertainen canvas voidaan luoda näin: </p> <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">canvas</span> <span class="na">id</span><span class="o">=</span><span class="s">"CANVASID"</span> <span class="na">width</span><span class="o">=</span><span class="s">"600"</span> <span class="na">height</span><span class="o">=</span><span class="s">"400"</span><span class="p">></</span><span class="nt">canvas</span><span class="p">></span> </pre></div> <div class="mw-heading mw-heading3"><h3 id="Koodaus">Koodaus</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=11" title="Muokkaa osiota Koodaus" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=11" title="Muokkaa osion lähdekoodia: Koodaus"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML-dokumentteja on mahdollista kirjoittaa millä tahansa <a href="/wiki/Tekstieditori" title="Tekstieditori">tekstinmuokkaimella</a>, mutta käytettävissä on myös erityisiä HTML-muokkaajia. Periaatteessa HTML-koodin tulisi aina läpäistä <a href="/wiki/Validointi" title="Validointi">vahvistaminen</a>, mutta käytännössä selaimet hyväksyvät myös dokumentteja, joiden HTML-koodi ei ole standardin mukaista. Perinteisesti HTML:n vahvistaminen on ollut sikäli työlästä, että sen <a href="/wiki/J%C3%A4sennin" title="Jäsennin">jäsentäminen</a> ei ole aivan triviaalia. HTML:n säännönmukaisempi muunnelma <a href="/wiki/XHTML" title="XHTML">XHTML</a> sen sijaan perustuu XML-kieleen, jolle on olemassa huomattava joukko hyviä jäsentimiä ja vahvistimia, joten XHTML:ää voi kirjoittaa helposti myös millä hyvänsä XML-muokkaimella. </p><p>Jos koodissa on kaksi tai useampia peräkkäisiä välilyöntejä, ne näyttävät selaimessa yhdeltä välilyönniltä. Myös koodiin sisältyvät rivinvaihdot ilmenevät selaimessa pelkkänä välilyöntinä, ja jos rivinvaihdon halutaan näkyvän selaimessa, se on tuotettava erityisellä merkinnällä. </p> <div class="mw-heading mw-heading2"><h2 id="Historia_ja_vakiointi">Historia ja vakiointi</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=12" title="Muokkaa osiota Historia ja vakiointi" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=12" title="Muokkaa osion lähdekoodia: Historia ja vakiointi"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML:n historia alkoi vuonna 1989, kun <a href="/wiki/Tim_Berners-Lee" title="Tim Berners-Lee">Tim Berners-Lee</a> ja <a href="/w/index.php?title=Robert_Caillau&action=edit&redlink=1" class="new" title="Robert Caillau (sivua ei ole)">Robert Caillau</a> hahmottelivat korviketta <a href="/wiki/CERN" class="mw-redirect" title="CERN">CERNin</a> dokumenttien kirjavalle formaatille. Rinnalle suunniteltiin yksinkertainen <a href="/wiki/Protokolla_(tietoliikenne)" title="Protokolla (tietoliikenne)">verkkoprotokolla</a> <a href="/wiki/HTTP" title="HTTP">HTTP</a>. HTML-dokumenttien verkkoa internetissä kutsutaan <a href="/wiki/World_Wide_Web" title="World Wide Web">World Wide Webiksi</a> eli lyhyesti <i>webiksi</i>. Joillekin se on yhtä kuin <a href="/wiki/Internet" title="Internet">Internet</a>. CERN käynnisti oman WWW-palvelimensa vuonna 1991, ja monet ideasta kiinnostuneet liittyivät siihen nopeasti. HTML-normia ylläpitää vuonna 1994 perustettu kansainvälinen yritysten ja yhteisöjen yhteenliittymä <a href="/wiki/World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> (<i>World Wide Web Consortium</i>). </p><p>HTML:n alkuperäinen tarkoitus oli pikemminkin kuvata WWW-sivun rakennetta kuin sen ulkoasua, mutta sivujen kirjoittajat halusivat ennen pitkää paremmat mahdollisuudet vaikuttaa myös dokumenttiensa ulkoasuun. <a href="/wiki/Verkkoselain" title="Verkkoselain">Selainvalmistajat</a> vastasivat tarpeeseen esittelemällä HTML-määritykseen kuulumattomia elementtejä, joilla esitystapaa saattoi kuvailla. Monet näistä elementeistä jouduttiin myöhemmin ottamaan mukaan viralliseen HTML-määritykseen käytännön standardeina. Nykyisin monia elementtejä jälleen puuttuu itse HTML:stä, sillä ulkoasun kuvailussa on siirrytty erillisiin tyyliohjeisiin, jotka kuvataan <a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">CSS</a>-kielellä. CSS:ään siirtyminen paitsi yksinkertaisti HTML:ää, myös helpotti sivujen luomista ja päivittämistä. </p> <div class="mw-heading mw-heading3"><h3 id="Ensimmäiset_määrittelyt"><span id="Ensimm.C3.A4iset_m.C3.A4.C3.A4rittelyt"></span>Ensimmäiset määrittelyt</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=13" title="Muokkaa osiota Ensimmäiset määrittelyt" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=13" title="Muokkaa osion lähdekoodia: Ensimmäiset määrittelyt"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Berners-Lee julkaisi ensimmäisen kuvauksen HTML:stä Internetissä vuoden 1991 lopulla.<sup id="cite_ref-Berners-Lee_2-0" class="reference"><a href="#cite_note-Berners-Lee-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Siinä oli 22 elementtityyppiä, joista 13 on edelleen käytössä HTML 4:ssä. Berners-Lee suunnitteli HTML:n <a href="/wiki/SGML" title="SGML">SGML:n</a> sovellukseksi, mutta vasta <a href="/wiki/IETF" title="IETF">IETF</a> toteutti määrittelyn sen avulla vuonna 1993. IETF:n määrittely oli vedos, joka raukesi kuuden kuukauden päästä. Se sisälsi <a href="/wiki/Mosaic" title="Mosaic">NCSA Mosaicin</a> tukeman kuvien lisäyksen dokumentteihin. Dave Raggett julkaisi kilpailevan HTML+:n, joka sisälsi myös jo käytössä olleet taulukot ja lomakekentät. </p> <div class="mw-heading mw-heading3"><h3 id="HTML_2.0">HTML 2.0</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=14" title="Muokkaa osiota HTML 2.0" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=14" title="Muokkaa osion lähdekoodia: HTML 2.0"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Alkuvuodesta 1994 IETF muodosti HTML-työryhmän laatimaan ”HTML 2.0” -määritelmän, joka julkaistiin vuonna 1996 koodinimellä <a rel="nofollow" class="external text" href="https://tools.ietf.org/html/rfc1866">RFC 1866</a>. Siihen tehtiin joitain lisäyksiä, kuten tiedoston tallennus <a href="/wiki/Palvelin" title="Palvelin">palvelimelle</a>, <a rel="nofollow" class="external text" href="https://tools.ietf.org/html/rfc1867">RFC 1867</a>; taulukot, <a rel="nofollow" class="external text" href="https://tools.ietf.org/html/rfc1942">RFC 1942</a>; kuvakartat, <a rel="nofollow" class="external text" href="https://tools.ietf.org/html/rfc1980">RFC 1980</a>; merkistömäärittelyt ja lang-attribuutti, <a rel="nofollow" class="external text" href="https://tools.ietf.org/html/rfc2070">RFC 2070</a>. </p> <div class="mw-heading mw-heading3"><h3 id="HTML_3.0_ja_3.2">HTML 3.0 ja 3.2</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=15" title="Muokkaa osiota HTML 3.0 ja 3.2" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=15" title="Muokkaa osion lähdekoodia: HTML 3.0 ja 3.2"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>IETF julkaisi huhtikuussa 1995 myös standardiehdotuksen HTML 3.0:sta, mutta sekin raukeni viiden kuukauden kuluttua ilman toimenpiteitä. Tämä standardiehdotus sisälsi monia Raggettin HTML+:n ominaisuuksista, kuten matemaattisten kaavojen sisällyttämisen dokumenttiin, taulukot ja tekstin sijoittelun kuvien ympärille. Ainoa selain, joka osasi HTML 3.0:aa, oli W3C:n Arena. </p><p>IETF:n työryhmän toiminta hiipui, ja työryhmä lakkautettiin syyskuussa 1997. Pitkään HTML:n kehittäminen oli omia koodejaan määritelleiden selainvalmistajien, lähinnä <a href="/wiki/Netscape" title="Netscape">Netscapen</a> ja <a href="/wiki/Microsoft" title="Microsoft">Microsoftin</a> varassa. </p><p>W3C:n suorittama standardointityö jatkui tammikuussa 1997, kun se julkaisi HTML 3.2:n.<sup id="cite_ref-HTML3.2_3-0" class="reference"><a href="#cite_note-HTML3.2-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> Siitä jätettiin kokonaan pois matematiikan tuki, ja siihen lisättiin pääosa Netscapen määrittelemistä sivun ulkomuotoa kuvaavista koodeista. </p> <div class="mw-heading mw-heading3"><h3 id="HTML_4.0">HTML 4.0</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=16" title="Muokkaa osiota HTML 4.0" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=16" title="Muokkaa osion lähdekoodia: HTML 4.0"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Loppuvuodesta 1997 julkaistiin HTML 4.0. Siinä on kolme tasoa: <i>tiukassa</i> versiossa monia vanhentuneita elementtityyppejä on määritelty laittomiksi, kun taas <i>siirtymävaiheen</i> versiossa näiden käyttö on yhä sallittu; kolmas versio sallii lisäksi Netscape 2.0:n aikoinaan esittelemät kehykset, joiden avulla sivun voi koostaa useasta erillisestä osasivusta. </p> <div class="mw-heading mw-heading4"><h4 id="HTML_4.01">HTML 4.01</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=17" title="Muokkaa osiota HTML 4.01" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=17" title="Muokkaa osion lähdekoodia: HTML 4.01"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML 4:ää päivitettiin huhtikuussa 1998 ja joulukuussa 1999 HTML 4.01:ksi. Siitä julkaistiin myös toukokuussa 2000 tiukkaan standardiin perustuva <a href="/wiki/ISO" title="ISO">ISO</a>-standardi ISO/IEC 15445:2000. HTML 4.01 määriteltiin myös <a href="/wiki/XML" title="XML">XML:n</a> avulla, jolloin syntyi <a href="/wiki/XHTML" title="XHTML">XHTML</a>. </p> <div class="mw-heading mw-heading3"><h3 id="HTML5">HTML5</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=18" title="Muokkaa osiota HTML5" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=18" title="Muokkaa osion lähdekoodia: HTML5"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <dl><dd><div class="disambig"><i>Pääartikkeli: <a href="/wiki/HTML5" title="HTML5">HTML5</a></i></div></dd></dl> <p>Ensimmäinen versio HTML5:n vedoksesta julkaistiin tammikuussa 2008.<sup id="cite_ref-HTML5_4-0" class="reference"><a href="#cite_note-HTML5-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> HTML5:n uusia ominaisuuksia ovat muun muassa canvas- ja video-elementit, joiden avulla sivulle voidaan sijoittaa piirtoalue ja videopätkä. </p><p>Hypertext Application Technology Working Group aloitti HTML5:n kehitystyön vuonna 2004, kun W3C keskittyi kehittämään XHTML 2.0:aa ja kun HTML 4.01:tä ei ollut päivitetty vuoden 2000 jälkeen.<sup id="cite_ref-HTML4_5-0" class="reference"><a href="#cite_note-HTML4-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> XHTML 2.0:n kehitys lopetettiin, ja sen jälkeen kehittäjät ovat työskennelleet HTML5:n kehitystyössä.<sup id="cite_ref-XHTML_FAQ_6-0" class="reference"><a href="#cite_note-XHTML_FAQ-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup> </p><p>Alun perin HTML5-standardin suunniteltiin valmistuvan 2022 mennessä, mutta suositus valmistui ja hyväksyttiin jo lokakuussa 2014.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup> Päivitysversiot ovat HTML 5.1 ja HTML 5.2.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="HTML:n_piirteet">HTML:n piirteet</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=19" title="Muokkaa osiota HTML:n piirteet" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=19" title="Muokkaa osion lähdekoodia: HTML:n piirteet"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>HTML eroaa dokumenttimuodoista kuten <a href="/wiki/PDF" title="PDF">PDF:stä</a> useilla tavoilla. HTML:n ulkoasu riippuu itse merkinnän (tagit ja CSS) lisäksi selaimesta, näytöstä ja selaimen asetuksista.<sup id="cite_ref-ufl_10-0" class="reference"><a href="#cite_note-ufl-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> Tämän vuoksi HTML voi näyttää erilaiselta modernissa ja vanhassa järjestelmässä.<sup id="cite_ref-ufl_10-1" class="reference"><a href="#cite_note-ufl-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> </p><p>Eri selainten välillä on eroja miten ne käsittelevät HTML:ää ja CSS:ää.<sup id="cite_ref-mdncbt_11-0" class="reference"><a href="#cite_note-mdncbt-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> Joissakin tapauksissa verkkosivut käyttävät lisänä <a href="/wiki/JavaScript" title="JavaScript">JavaScriptiä</a> sivujen muodostamiseen, joka on hitaampaa ja vaikeuttaa saavutettavuutta.<sup id="cite_ref-mdncbt_11-1" class="reference"><a href="#cite_note-mdncbt-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> Kaikki ominaisuudet eivät ole yhdenmukaisesti saatavilla, ja sivujen käytettävyys voi olla erilainen työpöydällä ja mobiililaitteessa: sivut saattavat olla vaikeasti luettavia, jos teksti on liian pientä tai hitaita käyttää animaatioiden vuoksi.<sup id="cite_ref-mdncbt_11-2" class="reference"><a href="#cite_note-mdncbt-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup> </p><p>HTML sallii interaktiivisia elementtejä kuten sivun sisäisiä hyperlinkkejä, ja sivuilla voi olla ääntä sekä liikkuvaa kuvaa, mutta sitä ei ole suunniteltu tulostettavaksi pysyvänä kopiona.<sup id="cite_ref-ufl_10-2" class="reference"><a href="#cite_note-ufl-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Katso_myös"><span id="Katso_my.C3.B6s"></span>Katso myös</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=20" title="Muokkaa osiota Katso myös" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=20" title="Muokkaa osion lähdekoodia: Katso myös"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r22431496">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:#f9f9f9;display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><div class="side-box side-box-right plainlinks sistersitebox"><style data-mw-deduplicate="TemplateStyles:r22718453">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><a href="/wiki/Tiedosto:Wikibooks-logo-en-noslogan.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/40px-Wikibooks-logo-en-noslogan.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/60px-Wikibooks-logo-en-noslogan.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikibooks-logo-en-noslogan.svg/80px-Wikibooks-logo-en-noslogan.svg.png 2x" data-file-width="400" data-file-height="400" /></a></span></div> <div class="side-box-text plainlist"><a href="https://fi.wikibooks.org/wiki/" class="extiw" title="b:">Wikikirjastossa</a> on aihe: <b><a href="https://fi.wikibooks.org/wiki/HTML" class="extiw" title="b:HTML">HTML</a></b></div></div> </div> <ul><li><a href="/wiki/XHTML" title="XHTML">XHTML</a> – <a href="/wiki/XML" title="XML">XML</a>-standardiin sovitettu HTML</li> <li><a href="/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Cascading Style Sheets">Cascading Style Sheets</a> (CSS) – HTML-merkityn tekstin muotoilukieli</li> <li><a href="/wiki/BBCode" title="BBCode">BBCode</a> – keskustelusivukäyttöön kehitetty merkkikieli</li> <li><a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> – selaimella ajettava skripti</li></ul> <div class="mw-heading mw-heading2"><h2 id="Lähteet"><span id="L.C3.A4hteet"></span>Lähteet</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=21" title="Muokkaa osiota Lähteet" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=21" title="Muokkaa osion lähdekoodia: Lähteet"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r23002391">.mw-parser-output div.viitteet-malline ol.references{list-style-type:inherit}.mw-parser-output .viitteet-sarakkeet li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output ol.references>li:target{background-color:var(--background-color-interactive,#DEF)}.mw-parser-output sup.reference:target{background-color:var(--background-color-interactive,#DEF)}.mw-parser-output span[rel="mw:referencedBy"]{counter-reset:mw-ref-linkback 0}.mw-parser-output span[rel="mw:referencedBy"]>a::before{font-style:italic;content:counter(mw-ref-linkback,lower-alpha)}.mw-parser-output .mw-ref>a[data-mw-group=lower-roman]::after{content:"["counter(mw-Ref,lower-roman)"]"}.mw-parser-output .mw-ref>a[data-mw-group=lower-greek]::after{content:"["counter(mw-Ref,lower-greek)"]"}.mw-parser-output .mw-ref>a[data-mw-group=upper-roman]::after{content:"["counter(mw-Ref,upper-roman)"]"}.mw-parser-output .mw-ref>a[data-mw-group=decimal]::after{content:"["counter(mw-Ref,decimal)"]"}.mw-parser-output .mw-ref>a[data-mw-group=lower-alpha]::after{content:"["counter(mw-Ref,lower-alpha)"]"}.mw-parser-output .mw-ref>a[data-mw-group=upper-alpha]::after{content:"["counter(mw-Ref,upper-alpha)"]"}body.action-info .mw-parser-output :target{background-color:var(--background-color-interactive,#DEF)}</style><div id="viitteet-malline" class="viitteet-malline viitteet-sarakkeet" style="-moz-column-count:; -webkit-column-count:; column-count:; -moz-column-width: 35em; -webkit-column-width: 35em; column-width: 35em; list-style-type:decimal;"><ol class="references"> <li id="cite_note-kotus-1"><span class="mw-cite-backlink"><a href="#cite_ref-kotus_1-0">↑</a></span> <span class="reference-text"><span class="verkkoviite" title="Verkkoviite"><a rel="nofollow" class="external text" href="http://www.kotus.fi/index.phtml?s=2149">Lyhenneluettelo</a> 7.1.2013. Web Archive:  Kotimaisten kielten keskus. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20131012150547/http://www.kotus.fi/index.phtml?s=2149">Arkistoitu</a> 12.10.2013. Viitattu 23.2.2013.</span></span> </li> <li id="cite_note-Berners-Lee-2"><span class="mw-cite-backlink"><a href="#cite_ref-Berners-Lee_2-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html">Re: status. Re: X11 BROWSER for WWW</a></span> </li> <li id="cite_note-HTML3.2-3"><span class="mw-cite-backlink"><a href="#cite_ref-HTML3.2_3-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://www.w3.org/TR/REC-html32">http://www.w3.org/TR/REC-html32</a></span> </li> <li id="cite_note-HTML5-4"><span class="mw-cite-backlink"><a href="#cite_ref-HTML5_4-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a> </span> </li> <li id="cite_note-HTML4-5"><span class="mw-cite-backlink"><a href="#cite_ref-HTML4_5-0">↑</a></span> <span class="reference-text"><span class="verkkoviite" title="Verkkoviite"><a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/html4-updates/errata">HTML 4 Errata</a> W3C. Viitattu 4.12.2010.</span></span> </li> <li id="cite_note-XHTML_FAQ-6"><span class="mw-cite-backlink"><a href="#cite_ref-XHTML_FAQ_6-0">↑</a></span> <span class="reference-text"><span class="verkkoviite" title="Verkkoviite"><a rel="nofollow" class="external text" href="http://www.w3.org/2009/06/xhtml-faq.html">Frequently Asked Questions (FAQ) about the future of XHTML</a> W3C. Viitattu 4.12.2010.</span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://www.w3.org/TR/html5/">http://www.w3.org/TR/html5/</a></span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="https://www.w3.org/TR/html51/">https://www.w3.org/TR/html51/</a></span> </li> <li id="cite_note-9"><span class="mw-cite-backlink"><a href="#cite_ref-9">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="https://www.w3.org/TR/html52/">https://www.w3.org/TR/html52/</a></span> </li> <li id="cite_note-ufl-10"><span class="mw-cite-backlink">↑ <a href="#cite_ref-ufl_10-0"><sup><i>a</i></sup></a> <a href="#cite_ref-ufl_10-1"><sup><i>b</i></sup></a> <a href="#cite_ref-ufl_10-2"><sup><i>c</i></sup></a></span> <span class="reference-text"><span class="verkkoviite" title="Verkkoviite">Thomas J. Walker: <a rel="nofollow" class="external text" href="https://entnemdept.ufl.edu/walker/pdfvhtml.htm">PDF vs HTML</a> <i>entnemdept.ufl.edu</i>. 25.8.1997. Viitattu 22.6.2022. <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></span></span> </li> <li id="cite_note-mdncbt-11"><span class="mw-cite-backlink">↑ <a href="#cite_ref-mdncbt_11-0"><sup><i>a</i></sup></a> <a href="#cite_ref-mdncbt_11-1"><sup><i>b</i></sup></a> <a href="#cite_ref-mdncbt_11-2"><sup><i>c</i></sup></a></span> <span class="reference-text"><span class="verkkoviite" title="Verkkoviite"><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a> <i>developer.mozilla.org</i>. Viitattu 22.6.2022. <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></span></span> </li> </ol> </div> <div class="mw-heading mw-heading2"><h2 id="Aiheesta_muualla">Aiheesta muualla</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=HTML&veaction=edit&section=22" title="Muokkaa osiota Aiheesta muualla" class="mw-editsection-visualeditor"><span>muokkaa</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=HTML&action=edit&section=22" title="Muokkaa osion lähdekoodia: Aiheesta muualla"><span>muokkaa wikitekstiä</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r22431496" /><div class="side-box side-box-right plainlinks sistersitebox"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r22718453" /> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><a href="/wiki/Tiedosto:Commons-logo.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png" decoding="async" width="30" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/45px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/59px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></a></span></div> <div class="side-box-text plainlist"><a href="/wiki/Wikimedia_Commons" title="Wikimedia Commons">Wikimedia Commonsissa</a> on kuvia tai muita tiedostoja aiheesta <b><a href="https://commons.wikimedia.org/wiki/Category:HTML" class="extiw" title="commons:Category:HTML">HTML</a></b>.</div></div> </div> <ul><li><a rel="nofollow" class="external text" href="https://www.w3.org/">World Wide Web Consortium, W3C</a> – kansainvälinen ei-kaupallinen yhteisö, joka kehittää HTML -kielen standardointia <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></li> <li><a rel="nofollow" class="external text" href="https://htmlshowcase.com/">HTML5 Showcase</a> (<a rel="nofollow" class="external text" href="https://web.archive.org/web/20221101022121/https://htmlshowcase.com/">Arkistoitu</a> – Internet Archive) - Blogi HTML 5 -esimerkeistä (mainosrahoitteinen) <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></li> <li><a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML">Mozilla Developer Networkin HTML 5 dokumentaatio</a> <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></li> <li><a rel="nofollow" class="external text" href="https://www.w3schools.com/html/">W3Schools HTML Tutorial</a> - Opettele HTML-merkintäkieltä ilmaiseksi <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></li> <li><a rel="nofollow" class="external text" href="https://www.freecodecamp.org/learn/2022/responsive-web-design/">FreeCodeCamp Responsive Web Design</a> - Ilmainen verkkokurssi jossa opetellaan tekemään verkkosivu <span style="font-size: 0.95em; position: relative;">(englanniksi)</span></li></ul> <p><i style="display:none; speak:none;"> </i> </p></div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&type=1x1&usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Noudettu kohteesta ”<a dir="ltr" href="https://fi.wikipedia.org/w/index.php?title=HTML&oldid=22546798">https://fi.wikipedia.org/w/index.php?title=HTML&oldid=22546798</a>”</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Toiminnot:Luokat" title="Toiminnot:Luokat">Luokat</a>: <ul><li><a href="/wiki/Luokka:W3C-standardit" title="Luokka:W3C-standardit">W3C-standardit</a></li><li><a href="/wiki/Luokka:Merkint%C3%A4kielet" title="Luokka:Merkintäkielet">Merkintäkielet</a></li><li><a href="/wiki/Luokka:Vuoden_1989_ohjelmistot" title="Luokka:Vuoden 1989 ohjelmistot">Vuoden 1989 ohjelmistot</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Piilotetut luokat: <ul><li><a href="/wiki/Luokka:Artikkelit,_joiden_kuva_tulee_Wikidatasta" title="Luokka:Artikkelit, joiden kuva tulee Wikidatasta">Artikkelit, joiden kuva tulee Wikidatasta</a></li><li><a href="/wiki/Luokka:Seulonnan_keskeiset_artikkelit" title="Luokka:Seulonnan keskeiset artikkelit">Seulonnan keskeiset artikkelit</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> Sivua on viimeksi muutettu 1. elokuuta 2024 kello 11.54.</li> <li id="footer-info-copyright">Teksti on saatavilla <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fi">Creative Commons Attribution/Share-Alike</a> -lisenssillä; lisäehtoja voi sisältyä. Katso <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use/fi">käyttöehdot</a>.<br /> Wikipedia® on <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundationin</a> rekisteröimä tavaramerkki.<br /> <a href="/wiki/Wikipedia:Artikkelien_ongelmat" title="Wikipedia:Artikkelien ongelmat">Ongelma artikkelissa?</a></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Tietosuojakäytäntö</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:Tietoja">Tietoja Wikipediasta</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:Vastuuvapaus">Vastuuvapaus</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Käytössäännöstö</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Kehittäjät</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fi.wikipedia.org">Tilastot</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Evästekäytäntö</a></li> <li id="footer-places-mobileview"><a href="//fi.m.wikipedia.org/w/index.php?title=HTML&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobiilinäkymä</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Haku</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Hae Wikipediasta"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Toiminnot:Haku"> </div> <button class="cdx-button cdx-search-input__end-button">Hae</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Sisällysluettelo" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Vaihda sisällysluettelo" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Vaihda sisällysluettelo</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">HTML</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>136 kieltä</span> </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Lisää aihe</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-64b5bb4b79-l9t68","wgBackendResponseTime":151,"wgPageParseReport":{"limitreport":{"cputime":"0.182","walltime":"0.505","ppvisitednodes":{"value":1846,"limit":1000000},"postexpandincludesize":{"value":19205,"limit":2097152},"templateargumentsize":{"value":3559,"limit":2097152},"expansiondepth":{"value":18,"limit":100},"expensivefunctioncount":{"value":8,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":15085,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 449.683 1 -total"," 30.86% 138.769 1 Malline:Tiedostomuoto"," 30.17% 135.651 1 Malline:Tietolaatikko"," 12.33% 55.466 3 Malline:Tietolaatikko/kuva"," 8.26% 37.125 1 Malline:Viitteet"," 8.02% 36.055 2 Malline:Wikidata-fr"," 7.51% 33.784 2 Malline:Sister_project"," 6.73% 30.253 2 Malline:Side_box"," 6.59% 29.649 1 Malline:Wikikirjasto"," 4.21% 18.937 1 Malline:URL"]},"scribunto":{"limitreport-timeusage":{"value":"0.042","limit":"10.000"},"limitreport-memusage":{"value":1654729,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-7bc946d6-mdrpr","timestamp":"20250224150156","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"HTML","url":"https:\/\/fi.wikipedia.org\/wiki\/HTML","sameAs":"http:\/\/www.wikidata.org\/entity\/Q8811","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q8811","author":{"@type":"Organization","name":"Wikimedia-hankkeiden muokkaajat"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2003-12-27T15:36:31Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/61\/HTML5_logo_and_wordmark.svg","headline":"internetsivujen merkint\u00e4kieli"}</script> </body> </html>