HTML on Internetissä yleisimmin käytetty merkintäkieli. Internet-sivut lähettävät sisältönsä HTML-muodossa selaimelle, joka lukee ja toteuttaa syntaksin. Lisäksi HTML sisältää tietoa tyyliä, muotoilua tai muotoilua varten. Hakukoneoptimointi (SEO).

Miksi HTML?

HTML (Hypertext Markup Language) on niin sanottu merkintäkieli, joka määrittää digitaalisten asiakirjojen sisällön ja muodon. HTML:n lisäksi on olemassa muitakin merkintäkieliä, kuten XML tai Ajax. Merkintäkieliä kehitetään ja päivitetään jatkuvasti uusiin versioihin. Ensimmäinen HTML-versio ilmestyi vuonna 1992, kun merkintäkieli oli ehdotettu jo kolme vuotta aiemmin.

Internetiä käytettäessä käytetään erilaisia tulostuslaitteita: näytöillä ei ole yhtenäisiä mittoja, ja selainikkunaa voi suurentaa tai pienentää. Internet-sivun pitäisi kuitenkin aina esittää sisältö siten, että se on helposti tunnistettavissa. Tästä syystä ei ole järkevää korjata yksittäisiä sivuelementtejä ehdottomasti. Tässä yhteydessä HTML:llä on tärkeä rooli tekstien muotoilussa tai kuva- ja videotiedostojen sijoittelussa Internet-sivulla.

Yleisemmin sanottuna HTML välittää Internet-sivun ja selaimen välillä. Kieli sisältää merkkejä, erikoismerkkejä, muotoiluja, linkkejä, metatietoja ja paljon muuta tietoa. Metatiedot ovat HTML-komponentteja, joita et näe selaimen normaalissa näkymässä. Ne ovat kuitenkin välttämättömiä toiminnan kannalta. Verkkosivusto hyödyllisiä ja edistävät esimerkiksi hakukoneoptimointia.

Perusrakenne: HTML-sulkeet

HTML (kuten monet muutkin merkintä- ja ohjelmointikielet) käyttää sulkuja syntaksin jäsentämiseen. HTML-sulkeissa noudatetaan samaa periaatetta kuin edellisen lauseen sulkeissa: avaava sulku merkitsee yksikön alkua ja sulkeva sulku sen loppua. Toisin kuin tavalliset välimerkit, HTML-sulkeissa määritellään, mitä niiden välissä olevalle tekstille tapahtuu.

Jos esimerkiksi haluat alleviivata tekstin, käytä syntaksia "Teksti" (ilman välilyöntejä hakasulkeissa). Jos tämä syntaksi on verkkosivulla, selaimesi osaa lukea sen ja muuntaa sen automaattisesti alleviivatuksi sanaksi.

HTML:ää ei kuitenkaan käytetä vain tekstin muotoiluun verkkosivulla. Sen sijaan HTML järjestää koko asiakirjan.

HTML-asiakirjojen pää ja runko

Virtuaalidokumentin alussa määritellään selaimelle, mitä merkintäkieltä se käyttää. HTML5:ssä tämä tehdään ensin määrittelyllä "" ja sen jälkeen hakasulkeilla "" (myös tässä ja kaikissa myöhemmissä HTML-määrittelyissä: ilman välilyöntejä hakasulkeiden välissä). "" on sulku, joka aukeaa ja sulkeutuu vain asiakirjan lopussa. On tärkeää määrittää oikea asiakirjatyypin määritelmä. HTML5:tä edeltävissä versioissa käytetään "" sijasta yksityiskohtaisempaa määritelmää.

Tätä seuraa asiakirjan otsikko syntaksilla "". HTML-otsikkoon kuuluvat metatiedot, sivun otsikko, skriptit ja muut rakennuspalikat. Vasta kaikkien otsikon määrittelyjen jälkeen HTML-otsikon sulkeissa lukee "".

Kirjoita vasta sitten HTML-runko, joka merkitään "". Asiakirjan runko muodostaa Internet-sivun pääosan. Siinä on tilaa teksteille, Kuvat, videotiedostot ja muut elementit. Kun kaikki haluttu sisältö on lisätty syntaksiin, sulje HTML-runko sulkeilla "".

Digitaalisen asiakirjan loppu muodostetaan syntaksilla "", joka osoittaa HTML-tekstin lopun.

Yleiset HTML-elementit

(Syntaksi kussakin tapauksessa ilman välilyöntejä hakasulkeiden välissä TAI ilman välilyöntejä "&":n jälkeen!)

- Otsikko: .
- lihavoitu teksti: teksti tai teksti.
- Kursivoitu teksti: teksti tai teksti.
- alleviivattu teksti: teksti
- Linkki: Linkin kuvaus
- Otsikko 1. järjestys:

otsikko

- Otsikko 2. järjestys: alisteinen otsikko
- Kappale:

Tämä teksti täyttää koko kappaleen.

Tämä on toinen kappale.

- At-merkki (@): & #64; tai & commat;
- Oikea nuoli: & #8594; tai & rarr;
- Vasen nuoli: & #8592; tai & larr;
- Nuoli ylös: & #8593; tai & uarr;
- Nuolinäppäin alas: & #8595; tai & darr
- Sydänsymboli: & #9829; tai & sydämet;