Mikä on HTML?

Sinun ei tarvitse osata HTML:ää rakentaaksesi verkkosivuston hPagella – sisältöeditori kirjoittaa sen puolestasi. Tässä artikkelissa selitetään käsite ja näytetään, mihin voit lisätä omaa koodia, jos haluat käyttää sitä.

HTML minuutissa

HTML tulee sanoista HyperText Markup Language. Se on tavallista tekstiä, jossa on ”tageja”, jotka kertovat selaimelle, miten sisältö näytetään. Kaksi esimerkkiä:

• <b>Lihavoitu teksti</b> näkyy muodossa Lihavoitu teksti (b tulee englannin sanasta bold eli lihavoitu).
• <a href="https://www.hpage.com/">hPage</a> muuttuu linkiksi, jonka teksti on hPage.

CSS tuo ulkoasun (värit, fontit, välistykset), JavaScript toiminnallisuuden. Muiden palveluntarjoajien koodinpätkät, esimerkiksi kartta, ajanvarauswidget tai videosoitin, ovat yleensä HTML:ää yhdistettynä JavaScriptiin.

Mihin voit lisätä omaa HTML-koodia hPagessa

• Elementti Upotettu HTML: valitse sisältöeditorissa Lisää elementti (lisäosa) → Erityiset → Upotettu HTML ja liitä koodi. Tämä on suositeltu paikka ulkopuoliselle koodille, koska se ei häiritse tekstieditoria.
• Lisää HTML tekstityökalurivillä: lisää koodinpätkän kohdistimen kohtaan tekstielementin sisällä.
• HTML-editori sisältöeditorin työkalurivillä: näyttää sivun koko HTML-koodin ja antaa muokata sitä. Vain kokeneille käyttäjille; virhe voi rikkoa asettelun, ja Yritä korjata auttaa, jos koodia ei voi lukea takaisin.
• Yksittäisen sivun Head-HTML (Premium): Sivun asetukset → Näytä lisäasetukset → Head-HTML skripteille tai tyylitiedostoille, joita vain tämä sivu tarvitsee.
• Asetukset → Ylätunnistealue: Oma lisä-HTML-koodi (tagien <head> ja </head> väliin) koko verkkosivustolle, esimerkiksi vahvistustageja varten, ja Oma lisä-CSS-tyylitiedosto (.css-tiedoston URL-osoite).
• Asetukset → Yleiset → Koko sivusto: HTML-koodi kohtiin Jokaisen sivun alku ja Jokaisen sivun loppu, esimerkiksi laskureita varten. Yksittäinen sivu voi jättää ne pois lisäasetustensa valinnalla ÄLÄ sisällytä koko sivuston HTML-koodeja tälle sivulle.
• HTML-tiedostot (Premium): kokonaisia .htm- tai .html-tiedostoja voi ladata kohdassa Tiedostot → Lataa tiedostoja ja linkittää niihin.

Lisää ulkoasun koodista artikkelissa oma CSS ja HTML.