✅ HTML-käsud - Mõisted - Põhi- ja edasijõudnutele käsud

HTML-käskude sissejuhatus
Page Title This is a Heading This is a paragraph. This is another paragraph.
This is heading1 This is heading2 This is heading3 This is heading4
This is heading1 This is heading2 This is heading3 This is heading4
html Marked formtting

HTML-käskude sissejuhatus

HTML tähendab hüperteksti märgistuskeelt, mis on veebilehtede standardne märgistuskeel. HTML-is on elemente, atribuute ja muid silte. Enamik Internetis leiduvaid veebisaite kasutab HTML-i. HTML-i on lihtne õppida ja võimas. Hüpertekst on peamine meetod, mille abil liigume veebis, klõpsates hüperlinke, mis suunavad teisele lehele. Märgistus näitab HTML-siltide abil nende sees olevat teksti, märkides testi teatud tüübina. HTML-käskude elemendid on HTML-lehe ehitusplokid ja neil võivad olla atribuudid, mis pakuvad elemendi kohta lisateavet, ja atribuudid esinevad paarikaupa.

HTML-i põhikäsud

1. Kas kirjutada HTML-dokumendi süntaksi näidis?

HTML-dokumendi näidises on HTML-elemendid, mis on veebilehtede ehitusplokid, ja mõned HTML-elemendid on juurelement, millel on metainfo, mis sisaldab dokumendi pealkirja ja mis sisaldab dokumendi andmeid.

Page Title This is a Heading This is a paragraph. This is another paragraph.

`Page Title This is a Heading This is a paragraph. This is another paragraph.`



Page Title
This is a Heading
This is a paragraph.
This is another paragraph.

Page Title This is a Heading This is a paragraph. This is another paragraph.



Page Title
This is a Heading
This is a paragraph.
This is another paragraph.

Page Title This is a Heading This is a paragraph. This is another paragraph.



Page Title
This is a Heading
This is a paragraph.
This is another paragraph.

Väljund on:

2. Selgitage HTML-i pealkirjade kohta?

HTML-i päised on HTML-elemendid, mis on määratletud siltidega

kuni

kus

määratleb kõige olulisema sildi ja

määratleb vähem tähtsa sildi.

HTML-koodi näidis järgmiste pealkirjadega:

`This is heading1 This is heading2 This is heading3 This is heading4`

This is heading1
This is heading2
This is heading3
This is heading4

`This is heading1 This is heading2 This is heading3 This is heading4`

This is heading1
This is heading2
This is heading3
This is heading4

`This is heading1 This is heading2 This is heading3 This is heading4`

This is heading1
This is heading2
This is heading3
This is heading4

`This is heading1 This is heading2 This is heading3 This is heading4`

Väljund on:

3. Selgitage HTML-i elemendi lõiku?

HTML-lõik on HTML-element, mis määratletakse sildi abil

ja näidiskood allpool:

See on lõik

lt; p> See on veel üks lõik

Väljund on:

4. Kuidas määratleda HTML-i pildielementi HTML-dokumendis?

HTML-pildid on HTML-element ja määratletud sildiga ja me peame mainima atribuute, näiteks pildi src, alt tähendab alternatiivset teksti, kuvatava pildi laiust ja kõrgust ning näidiskood on

Väljund on:

5. Selgitage, kuidas loendid HTML-dokumendis määratletakse?

HTML-loendid on HTML-element, mis määratletakse siltide abil


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Väljund on:

6. Kuidas luua HTML-dokumendis tabelit?

HTML-tabel on HTML-element ja seda saab määratleda sildi abil

ja kood allpool:


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50


Firstname
Lastname
Age

Jill
Smith
50

`Firstname Lastname Age Jill Smith 50`	`Firstname Lastname Age Jill Smith 50`	`Firstname Lastname Age Jill Smith 50`
`Firstname Lastname Age Jill Smith 50`	`Firstname Lastname Age Jill Smith 50`	`Firstname Lastname Age Jill Smith 50`

Väljund on:

7. Kuidas linki HTML-dokumendis mainida?

HTML-lingid on HTML-elemendid ja neid saab sildi abil määratleda ning näidiskood on allpool:

This is a link

Väljund on:

8. Miks kasutada HTML-dokumendis stiili atribuuti?

HTML-i atribuudi stiili saab kasutada koos kõigi HTML-i elementide, näiteks

ja näidiskood on järgmine:

Olen lõige

Väljund on:

9. Milline on lang-atribuudi tähtsus HTML-dokumendis?

HTML-is saame atribuudi lang abil kuulutada dokumendi keelt sildi abil ja keel määratletakse atribuudi lang abil ning näidiskood on järgmine:

… …

Väljund on:

10. Kuidas vormindada HTML-i elemente HTML-dokumendis?

HTML-is saame HTML-dokumendi vormindamiseks kasutada vorminguelemente ja määratleda spetsiaalse tähendusega teksti jaoks spetsiaalsed elemendid. HTML-elemendid, näiteks paksus kirjas, kaldkirjas ja näidiskood on

This text is bold

Väljund on:

Vahepealsed HTML-käsud

1. Kuidas HTML-dokumendis mõnda teksti esile tõsta?

HTML-is saame HTML-dokumendis mõnda teksti elemendi abil esile tõsta, nii et see tõstab esile elemendi suletud teksti ja näidiskood on järgmine:

html Marked formtting

`html Marked formtting`


html Marked formtting

2. Kuidas HTML-dokumendist mõnda teksti kustutada?

HTML-is saame elemendi abil teksti osa kustutada, nii et selle elemendi vahele suletud tekst kustutatakse ja näidiskood on järgmine:

Minu lemmikvärv on tumesinine punane

3. Kuidas määratleda HTML-dokumendis ülakirjutatud teksti?

HTML-is saame teksti määratleda ^{HTML-dokumendis} elemendi ülakirjeldusega, ^{nii et ^elementi suletud tekst ^{kirjutatakse üleval ja näidiskood on järgmine:}}

See on ^{ülekirjutatud} tekst

4. Kuidas määratleda HTML-dokumendis lühendit?

HTML-is saame lühendi määratleda, kasutades HTML-dokumendis HTML-i elementi, mis annab brauseritele kasulikku teavet ja näidiskood on järgmine:

WHO asutati 1948. aastal

5. Kuidas HTML-dokumendis aadressi mainida?

HTML-is võime aadressi mainida HTML-dokumendis, kasutades HTML-i elementi, mis määratleb artikli või dokumendiga seotud kontaktteabe või aadressi ning kuvatakse kaldkirjas ja näidiskood järgmiselt:

Written by Srinivas dasu.com Pincode : 500084, Hyderabad India

Täpsemad HTML-käsud

1. Kuidas HTML-dokumendis veebilehte kuvada?

HTML-is saame kuvada veebilehte veebilehe sees HTML-i iframe abil ja see on määratletud sildi abil ja atribuut src täpsustab veebilehe URL-i ja näidiskoodi on järgmine:</p> <p><code class=notranslate><br /></code> <code class=notranslate><br /></code></p> <h4>2. Kuidas HTML-dokumendis iframe abil erinevaid sihtmärke suunata?</h4> <p>HTML-is saame sihtraami kasutada lingina, kasutades HTML-dokumendis iframe-silti, ja lingi sihtmärk peab viitama iframe-i nimiatribuudile ja näidiskoodile nagu allpool:</p> <p><code class=notranslate><br /></code> <code class=notranslate><br /></code> <p>Google.co.in</p> </p> <h3>HTML-käskude kasutamise näpunäited</h3> <ul> <li>Lisage lisakoodiga külastajatele teksti värvi või tausta muutmise luba.</li> <li>Lisage HTML-dokumendi kirjutamise ajal metaandmeid.</li> <li>Hea on peita mõned väljad, kus me ei soovi, et kasutaja neid väljad redigeeriks.</li> <li>Pikkade lõikude katkestamiseks lisage alati horisontaalne joon, nii et veebisait näeks hea välja.</li> </ul> <h3>Järeldus - HTML-käsud</h3> <p>Lõpuks käsitletakse lühidalt näidete abil kõike erinevat tüüpi HTML-käskude tüüpe. Loodan, et teil on pärast selle artikli lugemist hea idee ja kuidas HTML-käske kasutada.</p> <h3>Soovitatavad artiklid</h3> <p>See on olnud HTML-käskude juhend. Siin on arutatud nii HTML-i käske, nii koheseid kui ka täpsemaid. Lisateabe saamiseks võite vaadata ka järgmist artiklit -</p> <ol> <li>Tableau käskude kasutamine</li> <li>Kuidas kasutada HBase käske?</li> <li>MongoDB käsud</li> <li>Sigade käskude tähtsus</li> <li>Erinevad HTML-i loendistiilid</li> <li>HTML-i järjestamata loend | Atribuutide tüübid koos näidetega</li> </ol> </div> <div class="clear"></div> <div class="tags textcenter"> <p class="title usmall">Kategooria:</p> <div class="tags single-categories"><a href="/software-development/" class="tag-link-6">Tarkvaraarendus</a></div> </div> </section> </article> <div class="clear"></div> <section class="related section" id="epcl-related-stories"> <h3 class="title bordered">Loe Edasi<span class="border"></span></h3> <div class="row"> <article class="item grid-50 tablet-grid-50 mobile-grid-100 primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/8679945-cisco-certification-vs-microsoft--which-is-right-for-you" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/top-differences/8679945/cisco-certification-vs-microsoft-which-is-right.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/top-differences/8679945/cisco-certification-vs-microsoft-which-is-right.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/top-differences/8679945/cisco-certification-vs-microsoft-which-is-right.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/top-differences/8679945/cisco-certification-vs-microsoft-which-is-right.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/8679945-cisco-certification-vs-microsoft--which-is-right-for-you">Cisco sertifikaat vs Microsoft - kumb sobib teile?</a></h4> </div> </article><article class="item grid-50 tablet-grid-50 mobile-grid-100 primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/6654760-checklist-in-excel" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/excel-tips/6654760/checklist-excel.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/excel-tips/6654760/checklist-excel.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/excel-tips/6654760/checklist-excel.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/excel-tips/6654760/checklist-excel.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/6654760-checklist-in-excel">Kontrollnimekiri Excelis - Kuidas luua kontrollnimekirja Excelis (näited)?</a></h4> </div> </article><article class="item grid-50 tablet-grid-50 mobile-grid-100 primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/1977023-classification-algorithms" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/machine-learning/1977023/classification-algorithms.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/machine-learning/1977023/classification-algorithms.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/machine-learning/1977023/classification-algorithms.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/machine-learning/1977023/classification-algorithms.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/1977023-classification-algorithms">Klassifikatsiooni algoritmid - Tutvuge 5 parima klassifikatsioonikategooriaga</a></h4> </div> </article><article class="item grid-50 tablet-grid-50 mobile-grid-100 primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/3732603-client-servicing-skills" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/improving-work-productivity/3732603/client-servicing-skills.jpg.webp" style="background-image: url("https://cdn.education-wiki.com/img/improving-work-productivity/3732603/client-servicing-skills.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/improving-work-productivity/3732603/client-servicing-skills.jpg.webp" style="background-image: url("https://cdn.education-wiki.com/img/improving-work-productivity/3732603/client-servicing-skills.jpg.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/3732603-client-servicing-skills">10 huvitavat näpunäidet vinge kliendi teenindamise oskuse loomiseks</a></h4> </div> </article> <div class="clear"></div> </div> </section> <div class="clear"></div> </div>   <aside id="sidebar" class="grid-30 no-sidebar sticky-enabled" style="position: relative; overflow: visible; box-sizing: border-box;"> <div class="theiaStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: fixed; transform: translateY(30px); width: 344px; top: 0px; left: 1236px;"> <div class="sidebar-wrapper default-sidebar"> <section id="epcl_posts_thumbs-9" class="widget widget_epcl_posts_thumbs"> <h4 class="widget-title title medium bordered"><span class="bg">Lemmik Postitused</span><span class="border"></span></h4> <article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/6048623-working-with-camera-raw-in-adobe-bridge-vs-photoshop" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/6048623/working-with-camera-raw-in-adobe-bridge-vs-photoshop-7.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/6048623/working-with-camera-raw-in-adobe-bridge-vs-photoshop-7.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/6048623-working-with-camera-raw-in-adobe-bridge-vs-photoshop">Töötamine kaamera töötlemata versiooniga Adobe Bridge vs Photoshop</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/1938254-reducing-photoshop-file-sizes-with-adjustment-layers" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/1938254/reducing-photoshop-file-sizes-with-adjustment-layers-16.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/1938254/reducing-photoshop-file-sizes-with-adjustment-layers-16.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/1938254-reducing-photoshop-file-sizes-with-adjustment-layers">Photoshop-faili suuruse vähendamine kohanduskihtidega</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/6722126-whiten-and-brighten-teeth-in-photoshop" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/6722126/whiten-and-brighten-teeth-in-photoshop-13.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/6722126/whiten-and-brighten-teeth-in-photoshop-13.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/6722126-whiten-and-brighten-teeth-in-photoshop">Valgendada ja helendada hambaid Photoshopis</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/5992052-add-a-copyright-watermark-pattern-to-an-image-with-photoshop" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photoshop-photo-effects/5992052/add-a-copyright-watermark-pattern-to-an-image-with-photoshop-6.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photoshop-photo-effects/5992052/add-a-copyright-watermark-pattern-to-an-image-with-photoshop-6.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/5992052-add-a-copyright-watermark-pattern-to-an-image-with-photoshop">Lisage Photoshopiga pildile autoriõiguse vesimärgi muster</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article> <div class="clear"></div> </section> <section id="epcl_social-7" class="widget widget_epcl_social"> <h4 class="widget-title title medium bordered"><span class="bg">Huvitavad Artiklid</span><span class="border"></span></h4> <article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/7347865-photoshop-cs5-new-features--content-aware-healing" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/7347865/photoshop-cs5-new-features-content-aware-healing-11.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/7347865/photoshop-cs5-new-features-content-aware-healing-11.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7347865-photoshop-cs5-new-features--content-aware-healing">Photoshop CS5 uued funktsioonid - sisutundliku tervendamise õpetus</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/8623236-better-brightness-and-contrast-in-photoshop" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/8623236/better-brightness-and-contrast-in-photoshop-9.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/8623236/better-brightness-and-contrast-in-photoshop-9.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/8623236-better-brightness-and-contrast-in-photoshop">Parem heledus ja kontrastsus Photoshopis</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/3076665-editable-soft-glow-with-smart-filters-in-photoshop" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/3076665/editable-soft-glow-with-smart-filters-in-photoshop-14.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photo-editing-retouching/3076665/editable-soft-glow-with-smart-filters-in-photoshop-14.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/3076665-editable-soft-glow-with-smart-filters-in-photoshop">Redigeeritav pehme kuma nutikate filtritega Photoshopis</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/6851118-photoshop-black-and-white-conversions--huesaturation-adjustment" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/black-white-conversions/6851118/photoshop-black-white-conversions-hue-saturation-adjustment-5.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/black-white-conversions/6851118/photoshop-black-white-conversions-hue-saturation-adjustment-5.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/6851118-photoshop-black-and-white-conversions--huesaturation-adjustment">Photoshop'i mustvalge teisendused - toonide / küllastuse reguleerimine</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article> <div class="clear"></div> </section> <section id="epcl_tag_cloud-10" class="widget widget_epcl_tag_cloud"> <h4 class="widget-title title medium bordered"><span class="bg">Soovitatav</span><span class="border"></span></h4> <article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/3454312-stream-cipher-vs-block-cipher" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/top-differences/3454312/stream-cipher-vs-block-cipher.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/top-differences/3454312/stream-cipher-vs-block-cipher.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/3454312-stream-cipher-vs-block-cipher">Voogešifr vs blokeerijam - Leidke 11 parimat võrdlus- ja põhipunkti</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/9211859-stress-depression" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/personal-development-skills/9211859/stress-depression.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/personal-development-skills/9211859/stress-depression.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/9211859-stress-depression">Stressi depressioon - Stressidepressiooni 10 parimat ravi</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/1836616-strategic-planning-vs-strategic-management" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/management-fundamentals/1836616/strategic-planning-vs-strategic-management-4.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/management-fundamentals/1836616/strategic-planning-vs-strategic-management-4.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/1836616-strategic-planning-vs-strategic-management">Strateegiline planeerimine vs strateegiline juhtimine - kumb on parem?</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article><article class="item primary-cat-4 post type-post status-publish format-standard has-post-thumbnail hentry"> <a href="/7846244-5-important-strategies-to-deal-with-new-boss-useful" class="thumb epcl-dropcap main-effect effect-small epcl-loader loaded"> <span class="fullimage cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/workplace-behaviour/7846244/5-important-strategies-deal-with-new-boss.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/workplace-behaviour/7846244/5-important-strategies-deal-with-new-boss.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7846244-5-important-strategies-to-deal-with-new-boss-useful">5 olulist strateegiat uue ülemusega toimetulemiseks (kasulik)</a></h4> </div> <div class="clear"></div> </div> <div class="clear"></div> </article> <div class="clear"></div> </section> </div> </div> </aside>  </div>  </div>  </main>   <footer id="footer" class=""> <h2 class="logo text-logo"> <a href="/" class="title ularge no-margin"><img style="height:65px;" src="https://cdn.education-wiki.com/favicon.svg" /><br><span>Education-WIKI.com</span> </a></h2> <div style="text-align: center;"> See lehekülg teistes keeltes:<br><a href="https://education-wiki.com/4630530-html-commands" class="flags fi" hreflang="fi"></a> <a href="https://bg.education-wiki.com/4630530-html-commands" class="flags bg" hreflang="bg"></a> <a href="https://cs.education-wiki.com/4630530-html-commands" class="flags cs" hreflang="cs"></a> <a href="https://da.education-wiki.com/4630530-html-commands" class="flags da" hreflang="da"></a> <a href="https://de.education-wiki.com/4630530-html-commands" class="flags de" hreflang="de"></a> <a href="https://es.education-wiki.com/4630530-html-commands" class="flags es" hreflang="es"></a> <a href="https://et.education-wiki.com/4630530-html-commands" class="flags et" hreflang="et"></a> <a href="https://fr.education-wiki.com/4630530-html-commands" class="flags fr" hreflang="fr"></a> <a href="https://hr.education-wiki.com/4630530-html-commands" class="flags hr" hreflang="hr"></a> <a href="https://hu.education-wiki.com/4630530-html-commands" class="flags hu" hreflang="hu"></a> <a href="https://it.education-wiki.com/4630530-html-commands" class="flags it" hreflang="it"></a> <a href="https://nl.education-wiki.com/4630530-html-commands" class="flags nl" hreflang="nl"></a> <a href="https://no.education-wiki.com/4630530-html-commands" class="flags no" hreflang="no"></a> <a href="https://pl.education-wiki.com/4630530-html-commands" class="flags pl" hreflang="pl"></a> <a href="https://pt.education-wiki.com/4630530-html-commands" class="flags pt" hreflang="pt"></a> <a href="https://ro.education-wiki.com/4630530-html-commands" class="flags ro" hreflang="ro"></a> <a href="https://ru.education-wiki.com/4630530-html-commands" class="flags ru" hreflang="ru"></a> <a href="https://sk.education-wiki.com/4630530-html-commands" class="flags sk" hreflang="sk"></a> <a href="https://sl.education-wiki.com/4630530-html-commands" class="flags sl" hreflang="sl"></a> <a href="https://sr.education-wiki.com/4630530-html-commands" class="flags sr" hreflang="sr"></a> <a href="https://sv.education-wiki.com/4630530-html-commands" class="flags sv" hreflang="sv"></a> <a href="https://uk.education-wiki.com/4630530-html-commands" class="flags uk" hreflang="uk"></a> </div> <a id="back-to-top" class="epcl-button dark visible" href="#header"><i class="fa fa-angle-up"></i></a> <div class="clear"></div> </footer>  <div class="clear"></div> </div>  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none;"> <symbol id="copy-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z"></path> </g> </symbol> <symbol id="comments-outline-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path><path d="M7.291 20.824L2 22l1.176-5.291A9.956 9.956 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10a9.956 9.956 0 0 1-4.709-1.176zm.29-2.113l.653.35A7.955 7.955 0 0 0 12 20a8 8 0 1 0-8-8c0 1.334.325 2.618.94 3.766l.349.653-.655 2.947 2.947-.655z"></path> </g> </symbol> <symbol id="views-outline-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path><path d="M12 23a7.5 7.5 0 0 0 7.5-7.5c0-.866-.23-1.697-.5-2.47-1.667 1.647-2.933 2.47-3.8 2.47 3.995-7 1.8-10-4.2-14 .5 5-2.796 7.274-4.138 8.537A7.5 7.5 0 0 0 12 23zm.71-17.765c3.241 2.75 3.257 4.887.753 9.274-.761 1.333.202 2.991 1.737 2.991.688 0 1.384-.2 2.119-.595a5.5 5.5 0 1 1-9.087-5.412c.126-.118.765-.685.793-.71.424-.38.773-.717 1.118-1.086 1.23-1.318 2.114-2.78 2.566-4.462z"></path> </g> </symbol> <symbol id="search-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"></path> </g> </symbol> <symbol id="star-icon" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z"></path><path d="M12 18.26l-7.053 3.948 1.575-7.928L.587 8.792l8.027-.952L12 .5l3.386 7.34 8.027.952-5.935 5.488 1.575 7.928L12 18.26zm0-2.292l4.247 2.377-.949-4.773 3.573-3.305-4.833-.573L12 5.275l-2.038 4.42-4.833.572 3.573 3.305-.949 4.773L12 15.968z"></path> </symbol> <symbol id="menu-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M3 4h18v2H3V4zm0 7h12v2H3v-2zm0 7h18v2H3v-2z"></path> </g> </symbol> <symbol id="close-icon" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"></path> </g> </symbol> <symbol id="tiktok-icon" viewBox="0 0 512 512"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="m480.32 128.39c-29.22 0-56.18-9.68-77.83-26.01-24.83-18.72-42.67-46.18-48.97-77.83-1.56-7.82-2.4-15.89-2.48-24.16h-83.47v228.08l-.1 124.93c0 33.4-21.75 61.72-51.9 71.68-8.75 2.89-18.2 4.26-28.04 3.72-12.56-.69-24.33-4.48-34.56-10.6-21.77-13.02-36.53-36.64-36.93-63.66-.63-42.23 33.51-76.66 75.71-76.66 8.33 0 16.33 1.36 23.82 3.83v-62.34-22.41c-7.9-1.17-15.94-1.78-24.07-1.78-46.19 0-89.39 19.2-120.27 53.79-23.34 26.14-37.34 59.49-39.5 94.46-2.83 45.94 13.98 89.61 46.58 121.83 4.79 4.73 9.82 9.12 15.08 13.17 27.95 21.51 62.12 33.17 98.11 33.17 8.13 0 16.17-.6 24.07-1.77 33.62-4.98 64.64-20.37 89.12-44.57 30.08-29.73 46.7-69.2 46.88-111.21l-.43-186.56c14.35 11.07 30.04 20.23 46.88 27.34 26.19 11.05 53.96 16.65 82.54 16.64v-60.61-22.49c.02.02-.22.02-.24.02z"></path> </symbol> <symbol id="tool-icon" viewBox="0 0 24 24"> <path fill="none" d="M0 0h24v24H0z"></path><path d="M6.94 14.036c-.233.624-.43 1.2-.606 1.783.96-.697 2.101-1.139 3.418-1.304 2.513-.314 4.746-1.973 5.876-4.058l-1.456-1.455 1.413-1.415 1-1.001c.43-.43.915-1.224 1.428-2.368-5.593.867-9.018 4.292-11.074 9.818zM17 9.001L18 10c-1 3-4 6-8 6.5-2.669.334-4.336 2.167-5.002 5.5H3C4 16 6 2 21 2c-1 2.997-1.998 4.996-2.997 5.997L17 9.001z"></path> </symbol> </svg> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(56983165, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <link rel="stylesheet" id="font-awesome-css" href="https://education-wiki.com/template/css/fontawesome.min.css" media="all"> <script src="https://education-wiki.com/template/js/jquery.min.js" id="jquery-core-js"></script> <script defer="" src="https://education-wiki.com/template/js/autoptimize.js"></script> <link rel="stylesheet" href="https://education-wiki.com/template/css/flags.css" type="text/css" media="all"></body> </html> <script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'886cc92078d961f1',t:'MTcxNjIxMjkyMC42NTgwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="117c042d077f793853dea0e7-|49" defer></script>

HTML-käskude sissejuhatus

HTML-i põhikäsud

1. Kas kirjutada HTML-dokumendi süntaksi näidis?

Page TitleThis is a HeadingThis is a paragraph.This is another paragraph.

2. Selgitage HTML-i pealkirjade kohta?

kuni

kus

määratleb kõige olulisema sildi ja

määratleb vähem tähtsa sildi. HTML-koodi näidis järgmiste pealkirjadega:

This is heading1This is heading2This is heading3This is heading4

This is heading1This is heading2This is heading3This is heading4

This is heading1This is heading2This is heading3This is heading4

This is heading1This is heading2This is heading3This is heading4

3. Selgitage HTML-i elemendi lõiku?

4. Kuidas määratleda HTML-i pildielementi HTML-dokumendis?

5. Selgitage, kuidas loendid HTML-dokumendis määratletakse?

6. Kuidas luua HTML-dokumendis tabelit?

7. Kuidas linki HTML-dokumendis mainida?

8. Miks kasutada HTML-dokumendis stiili atribuuti?

9. Milline on lang-atribuudi tähtsus HTML-dokumendis?

10. Kuidas vormindada HTML-i elemente HTML-dokumendis?

Vahepealsed HTML-käsud

1. Kuidas HTML-dokumendis mõnda teksti esile tõsta?

html Marked formtting

2. Kuidas HTML-dokumendist mõnda teksti kustutada?

3. Kuidas määratleda HTML-dokumendis ülakirjutatud teksti?

4. Kuidas määratleda HTML-dokumendis lühendit?

5. Kuidas HTML-dokumendis aadressi mainida?

Täpsemad HTML-käsud

1. Kuidas HTML-dokumendis veebilehte kuvada?

`Page Title This is a Heading This is a paragraph. This is another paragraph.`

määratleb vähem tähtsa sildi.

HTML-koodi näidis järgmiste pealkirjadega:

`This is heading1 This is heading2 This is heading3 This is heading4`

`This is heading1 This is heading2 This is heading3 This is heading4`

`This is heading1 This is heading2 This is heading3 This is heading4`

`This is heading1 This is heading2 This is heading3 This is heading4`

`html Marked formtting`