# Mis on HTML-keha ja kuidas seda kasutada? HTML `` element sisaldab kogu HTML-dokumendi nähtavat sisu. Igas HTML-dokumendis võib olla ainult üks `` ala. ## Mis on HTML `` -märge ja milleks seda kasutatakse? HTML `` on HTML-element, mida kasutatakse dokumendi sisu kasutajatele kuvamiseks. Kõik **nähtav sisu**, nagu pealkirjad, tekstiblokid, pildid, tabelid, hüperlingid, loendid ja muud elemendid, salvestatakse selle HTML-sildiga. Igas dokumendis võib olla ainult **üks ``**. See asub alati `` ala all ja HTML-jaluse kohal. `` silt toetab kõiki globaalseid HTML-atribuute. ## Mis on HTML `` süntaks ja funktsionaalsus? Enne kui näitame teile mõne lihtsa näite abil, kuidas HTML `` töötab, tasub tutvuda elemendi põhilise süntaksiga. See näeb välja järgmine: ```html This is where all the visible website content is stored. ``` Ainult sissejuhatava (``) ja lõpetava (``) sildi vahel olev sisu kuvatakse hiljem asjaomasel veebilehel. ## HTML `` näidet Järgmistes näidetes näete, kuidas `` praktikas kasutatakse. ### HTML-dokument lihtsa `` elemendiga Esmalt loome lihtsa HTML-dokumendi, millel on **pealkiri, tekstiosa ja pilt**, mis kõik asuvad dokumendi põhiosas. Selle kood on järgmine: ```html HTML body in a document

Here’s your heading

Here’s your website content.

``` ### Navigatsiooniriba loomine href-iga Järgmine näide näitab, kuidas luua veebisaidile navigeerimisribaga `` ja href-atribuutiga. Siin on kood: ```html Website with a navigation bar

Home

About

Contact

``` ### Video lisamine HTML `` -märgise abil Kui soovite oma veebisaidile video lisada, on `` jagu selleks õige (ja ainus) koht. Allpool on näide video lisamise kohta: ```html Website with a video

``` ### Sisu kujunduse muutmine HTML `` -märgise abil CSS-i abil saate kasutada ka `` ala oma veebisisu kujunduse kohandamiseks. Selle toimimist näete järgmisest näidisest: ```html HTML body with visual adjustments

Here’s your heading

Here’s your website content.

``` ### Taustade kohandamine HTML-is `` Kui soovite muuta [HTML-taustat](https://www.ionos.com/et-ee/digitalguide/veebisaidid/veebiarendus/html-taustad/) CSS-iga, saate seda teha ka HTML ``-s. Taustavärvi seadistamine toimub järgmiselt: ```html HTML body with new background colour

Here’s your heading

Visit example-website.com!

``` Pildi lisamiseks kasuta allpool olevat koodi: ```html HTML body with new background image

Here’s your heading

Visit example-website.com!

``` This is a markdown version of: [https://www.ionos.com/et-ee/digitalguide/veebisaidid/veebiarendus/html-keha/](https://www.ionos.com/et-ee/digitalguide/veebisaidid/veebiarendus/html-keha/) for AI/LLM consumption.