✅ HTML-komennot - Käsitteet - Perus edistyneisiin komentoihin

Johdatus HTML-komentoihin
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

Johdatus HTML-komentoihin

HTML tarkoittaa hypertekstin merkintäkieltä, joka on verkkosivujen vakiomerkintäkieli. HTML-koodissa on elementtejä, määritteitä ja muita tunnisteita. Suurin osa Internetissä olevista verkkosivustoista käyttää HTML: ää. HTML on helppo oppia ja tehokas. Hyperteksti on tärkein tapa liikkua verkossa napsauttamalla Hyperlinkejä, jotka ohjaavat toiselle sivulle. Merkintä näyttää niiden sisällä olevan tekstin HTML-tunnisteiden avulla merkitsemällä testin tietyn tyyppiseksi. HTML-komentoelementit ovat HTML-sivun rakennuspalikoita, ja niissä voi olla attribuutteja, jotka tarjoavat lisätietoja elementistä, ja attribuutit ovat läsnä pareittain.

HTML-peruskomennot

1. Kirjoita HTML-dokumentti-syntaksi?

HTML-dokumenttiesimerkissä on HTML-elementtejä, jotka muodostavat verkkosivujen rakennuspalikoita, ja jotkut HTML-elementeistä ovat juurielementti, jolla on metatiedot, joka sisältää asiakirjan otsikon ja joka sisältää asiakirjan tiedot.

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.

Tuotos on:

2. Selitä HTML-otsikoista?

HTML-otsikot ovat HTML-elementtejä, jotka on määritetty tunnisteilla

että

missä

määrittelee tärkeimmän tagin ja

määrittelee vähemmän tärkeän tagin.

Esimerkki HTML-koodista alla olevilla otsikoilla:

`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`

Tuotos on:

3. Selitä HTML-elementti kappaleesta?

HTML-kappale on HTML-elementti, joka määritetään tunnisteella

ja näytekoodi alla:

Tämä on kohta

lt; p> Tämä on toinen kappale

Tuotos on:

4. Kuinka määritellä HTML-kuvaelementti HTML-dokumentissa?

HTML-kuvat on HTML-elementti, joka määritetään tunnisteella ja meidän on mainittava määritteet, kuten kuvan src, alt tarkoittaa vaihtoehtoista tekstiä, kuvan leveys ja korkeus näytettäväksi ja näytekoodi on

Tuotos on:

5. Selitä, kuinka luettelot määritetään HTML-dokumentissa?

HTML-luettelot on HTML-elementti, joka määritetään tunnisteiden avulla


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Coffee Tea Milk


Coffee
Tea
Milk

Tuotos on:

6. Kuinka luoda taulukko HTML-asiakirjaan?

HTML-taulukko on HTML-elementti ja se voidaan määritellä tunnisteella

ja koodi alla:


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`

Tuotos on:

7. Kuinka mainita linkki HTML-dokumentissa?

HTML-linkit ovat HTML-elementtejä ja ne voidaan määritellä tunnisteella ja alla oleva mallikoodi:

This is a link

Tuotos on:

8. Miksi käyttää tyyliominaisuutta HTML-dokumentissa?

HTML-määritetyyliä voidaan käyttää minkä tahansa HTML-elementin, kuten

ja näytekoodi on seuraava:

Olen kohta

Tuotos on:

9. Mikä on lang-määritteen merkitys HTML-dokumentissa?

HTML-muodossa voidaan määrittää lang-määritteen avulla asiakirjan kieli tunnisteella ja kieli määritetään lang-määritteellä ja näytekoodi on seuraava:

… …

Tuotos on:

10. Kuinka muotoilla HTML-elementit HTML-dokumentissa?

HTML-muodossa voimme käyttää muotoiluelementtejä HTML-asiakirjan alustamiseen ja määritellä erityisiä elementtejä tekstille, jolla on erityinen merkitys. HTML-elementit, kuten lihavoitu, kursivoitu ja näytekoodi ovat

This text is bold

Tuotos on:

Väliset HTML-komennot

1. Kuinka korostaa jotakin tekstiä HTML-dokumentissa?

HTML-muodossa voimme korostaa HTML-dokumentissa jotakin tekstiä elementin avulla siten, että se korostaa elementin suljetun tekstin ja näytekoodi on seuraava:

html Marked formtting

`html Marked formtting`


html Marked formtting

2. Kuinka poistaa tekstiä HTML-asiakirjasta?

HTML-muodossa voimme poistaa jonkin tekstin elementin avulla siten, että tämän elementin väliin suljettu teksti poistetaan ja näytekoodi on seuraava:

Lempiväri on laivasto sininen punainen

3. Kuinka määritellä ylimääräinen teksti HTML-dokumentissa?

HTML-muodossa voimme määritellä tekstin yläkomponenttina käyttämällä ^{HTML-asiakirjan} elementtiä ^{siten, että ^elementtiin suljettu teksti ^{korvataan ylämerkillä ja näytekoodi on seuraava:}}

Tämä on ^yläkirjattu teksti

4. Kuinka määritellä lyhenne HTML-dokumentista?

HTML-muodossa voimme määritellä lyhenteen käyttämällä HTML-elementtiä HTML-dokumentissa, joka antaa hyödyllistä tietoa selaimille ja näytekoodi on seuraava:

WHO perustettiin vuonna 1948

5. Kuinka mainita osoite HTML-asiakirjassa?

HTML-muodossa voimme mainita osoitteen HTML-dokumentissa käyttämällä HTML-elementtiä, joka määrittelee artikkeliin tai asiakirjaan liittyvät yhteystiedot tai osoitteen ja näkyy kursivoituna ja alla olevan esimerkkikoodin avulla:

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

Kehittyneet HTML-komennot

1. Kuinka näyttää verkkosivun verkkosivun sisällä HTML-dokumentissa?

HTML-muodossa voimme näyttää verkkosivun verkkosivun sisällä HTML-iframe-kehyksellä ja se määritetään tunnisteella ja src-määrite määrittelee verkkosivun URL-osoitteen ja näytekoodin seuraavasti:</p> <p><code class=notranslate><br /></code> <code class=notranslate><br /></code></p> <h4>2. Kuinka kohdistaa eri kohteisiin käyttämällä iframe-kehystä HTML-dokumentissa?</h4> <p>HTML-muodossa voimme käyttää kohdekehystä linkkinä käyttämällä iframe-tunnistetta HTML-dokumentissa, ja linkin kohdemääritteen on viitattava iframe-kehyksen nimiominaisuuteen ja näytekoodiin, kuten alla:</p> <p><code class=notranslate><br /></code> <code class=notranslate><br /></code> <p>Google.co.in</p> <h3>Vinkkejä HTML-komentojen käyttämiseen</h3> <ul> <li>Pyydä vierailijoita sallimaan tekstin värin tai taustan muuttaminen lisäämällä ylimääräinen koodi.</li> <li>Lisää metatiedot kirjoittaessasi HTML-asiakirjaa.</li> <li>On hyvä piilottaa joitain kenttiä, joissa emme halua käyttäjän muokkaamaan niitä.</li> <li>Lisää aina vaakaviiva katkaistaksesi pitkät osiot, jotta verkkosivusto näyttää hyvältä.</li> </ul> <h3>Johtopäätös - HTML-komennot</h3> <p>Lopuksi käsitellään lyhyesti esimerkkejä erilaisista eri tasojen HTML-komennotyypeistä. Toivottavasti sinulla on hyvä idea ja miten HTML-komentoja käytetään lukeessasi tämän artikkelin.</p> <h3>Suositellut artikkelit</h3> <p>Tämä on opas HTML-komentoihin. Tässä olemme keskustelleet sekä perus-, välittömistä että edistyneistä HTML-komennoista. Voit myös tarkastella seuraavaa artikkelia saadaksesi lisätietoja -</p> <ol> <li>Tableau-komentojen käyttö</li> <li>Kuinka käyttää HBase-komentoja</li> <li>MongoDB-komennot</li> <li>Siankäskyjen merkitys</li> <li>Eri HTML-luettelotyylejä</li> <li>HTML-järjestysluettelo | Ominaisuustyypit esimerkkeinä</li> </ol> </div> <div class="clear"></div> <div class="tags textcenter"> <p class="title usmall">Luokka:</p> <div class="tags single-categories"><a href="/software-development/" class="tag-link-6">Ohjelmistokehitys</a></div> </div> </section> </article> <div class="clear"></div> <section class="related section" id="epcl-related-stories"> <h3 class="title bordered">Lue Lisää<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="/9235034-talend-open-studio" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/data-analytics-basics/9235034/talend-open-studio.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/data-analytics-basics/9235034/talend-open-studio.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/data-analytics-basics/9235034/talend-open-studio.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/data-analytics-basics/9235034/talend-open-studio.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/9235034-talend-open-studio">Talend Open Studio - Opi edut, sovellukset ja komponentit</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="/5043035-talend-data-integration" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/big-data/5043035/talend-data-integration.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/big-data/5043035/talend-data-integration.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/big-data/5043035/talend-data-integration.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/big-data/5043035/talend-data-integration.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/5043035-talend-data-integration">Talend-tietojen integrointi - Edut - Sovellukset ja komponentit</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="/1583860-table-styles-in-excel" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/excel-tools/1583860/table-styles-excel.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/excel-tools/1583860/table-styles-excel.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/excel-tools/1583860/table-styles-excel.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/excel-tools/1583860/table-styles-excel.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/1583860-table-styles-in-excel">Excel-taulukkotyylit (esimerkit) - Kuinka soveltaa pöytätyylejä?</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="/3506700-talend-tools" class="thumb epcl-dropcap main-effect epcl-loader"> <span class="fullimage cover lazy" data-src="https://cdn.education-wiki.com/img/data-analytics-basics/3506700/talend-tools.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/data-analytics-basics/3506700/talend-tools.png.webp");"></span> <span class="fullimage fake-layout cover lazy" data-src="https://cdn.education-wiki.com/img/data-analytics-basics/3506700/talend-tools.png.webp" style="background-image: url("https://cdn.education-wiki.com/img/data-analytics-basics/3506700/talend-tools.png.webp");"></span> </a> <div class="info"> <h4 class="title small no-margin underline-effect"><a href="/3506700-talend-tools">Talend-työkalut - Erilaisia Talend-työkaluja tai komponentteja tietojen integrointiin</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">Suosittu Viestiä</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="/5129949-how-to-resize-pixel-art-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/photoshop-basics/5129949/how-resize-pixel-art-photoshop-19.png.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photoshop-basics/5129949/how-resize-pixel-art-photoshop-19.png.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/5129949-how-to-resize-pixel-art-in-photoshop">Kuinka muuttaa pikselitaidetta Photoshopissa</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="/4135387-place-images-into-shapes-with-the-new-frame-tool-in-photoshop-cc-2019" 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-basics/4135387/place-images-into-shapes-with-new-frame-tool-photoshop-cc-2019-18.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photoshop-basics/4135387/place-images-into-shapes-with-new-frame-tool-photoshop-cc-2019-18.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/4135387-place-images-into-shapes-with-the-new-frame-tool-in-photoshop-cc-2019">Sijoita kuvat muotoon uuden kehystyökalun avulla Photoshop CC 2019: ssä</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="/9511029-free-transform-in-photoshop-cc-2019--complete-guide" 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-basics/9511029/free-transform-photoshop-cc-2019-complete-guide-49.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/photoshop-basics/9511029/free-transform-photoshop-cc-2019-complete-guide-49.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/9511029-free-transform-in-photoshop-cc-2019--complete-guide">Ilmainen muuntaminen Photoshop CC 2019: ssä - täydellinen opas</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="/5859655-how-to-create-a-spray-paint-text-effect-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/text-effects/5859655/how-create-spray-paint-text-effect-photoshop-25.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/text-effects/5859655/how-create-spray-paint-text-effect-photoshop-25.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/5859655-how-to-create-a-spray-paint-text-effect-in-photoshop">Kuinka luoda spraymaali -tehoste Photoshopissa</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">Mielenkiintoisia artikkeleita</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="/9260209-cheat-sheet-java" 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/java-tutorials/9260209/cheat-sheet-java.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/java-tutorials/9260209/cheat-sheet-java.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/9260209-cheat-sheet-java">Huijata arkki Java - Paras vuorovaikutteinen huijarilehti Java: lla</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="/3759878-change-background-color-in-illustrator" 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/graphics-editing/3759878/change-background-color-illustrator.png.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/graphics-editing/3759878/change-background-color-illustrator.png.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/3759878-change-background-color-in-illustrator">Vaihda taustaväri Illustratorissa - Menetelmät taustan muuttamiseksi</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="/8627992-cheat-sheet-linux" 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/linux-tutorial/8627992/cheat-sheet-linux.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/linux-tutorial/8627992/cheat-sheet-linux.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/8627992-cheat-sheet-linux">Huijata arkki Linux - Paras interaktiivinen huijauskortti Linuxissa</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="/7694948-cheat-sheet-javascript" 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/javascript/7694948/cheat-sheet-javascript.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/javascript/7694948/cheat-sheet-javascript.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7694948-cheat-sheet-javascript">Huijausarkki JavaScript - Paras interaktiivinen huijarilehti</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">Suositeltava</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="/7687134-summer-internship" 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/job-searching/7687134/summer-internship.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/job-searching/7687134/summer-internship.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7687134-summer-internship">Kesäharjoittelu - Jotkut Importanat-vinkit kesäharjoitteluun</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="/7447313-sumif-between-two-dates" 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/maths-function-excel/7447313/sumif-between-two-dates.png.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/maths-function-excel/7447313/sumif-between-two-dates.png.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7447313-sumif-between-two-dates">SUMIF kahden päivämäärän välillä - Kuinka käyttää SUMIF-kaavaa</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="/7760496-sumif-with-multiple-criteria" 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/maths-function-excel/7760496/sumif-with-multiple-criteria.png.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/maths-function-excel/7760496/sumif-with-multiple-criteria.png.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/7760496-sumif-with-multiple-criteria">SUMIF useilla kriteereillä - Excel-toiminto ja esimerkit</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="/1832625-sunk-cost-examples" 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/accounting-fundamentals/1832625/sunk-cost-examples.jpg.webp");"></span> <span class="fullimage fake-layout cover lazy loaded" style="background-image: url("https://cdn.education-wiki.com/img/accounting-fundamentals/1832625/sunk-cost-examples.jpg.webp");"></span> </a> <div class="info"> <div class="right"> <h4 class="title usmall underline-effect"><a href="/1832625-sunk-cost-examples">Esimerkkejä hukkakustannuksista 3 suosituinta esimerkkiä hukkakustannuksista yksityiskohtaisesti</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;"> Nämä sivut muilla kielillä:<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:'886c7855fecae25a',t:'MTcxNjIwOTYxMS40NTgwMDA='};_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="31a71314f673864e735f378f-|49" defer></script>

Johdatus HTML-komentoihin

HTML-peruskomennot

1. Kirjoita HTML-dokumentti-syntaksi?

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

2. Selitä HTML-otsikoista?

että

missä

määrittelee tärkeimmän tagin ja

määrittelee vähemmän tärkeän tagin. Esimerkki HTML-koodista alla olevilla otsikoilla:

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. Selitä HTML-elementti kappaleesta?

4. Kuinka määritellä HTML-kuvaelementti HTML-dokumentissa?

5. Selitä, kuinka luettelot määritetään HTML-dokumentissa?

6. Kuinka luoda taulukko HTML-asiakirjaan?

7. Kuinka mainita linkki HTML-dokumentissa?

8. Miksi käyttää tyyliominaisuutta HTML-dokumentissa?

9. Mikä on lang-määritteen merkitys HTML-dokumentissa?

10. Kuinka muotoilla HTML-elementit HTML-dokumentissa?

Väliset HTML-komennot

1. Kuinka korostaa jotakin tekstiä HTML-dokumentissa?

html Marked formtting

2. Kuinka poistaa tekstiä HTML-asiakirjasta?

3. Kuinka määritellä ylimääräinen teksti HTML-dokumentissa?

4. Kuinka määritellä lyhenne HTML-dokumentista?

5. Kuinka mainita osoite HTML-asiakirjassa?

Kehittyneet HTML-komennot

1. Kuinka näyttää verkkosivun verkkosivun sisällä HTML-dokumentissa?

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

määrittelee vähemmän tärkeän tagin.

Esimerkki HTML-koodista alla olevilla otsikoilla:

`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`