Summary  
This chapter explains how to use the HTML `<button>` element to create clickable controls and how to set its `type` attribute (e.g., `type="button"`) to distinguish generic button actions from form submissions.

General domain of usage  
Web user interface development

HTML:n `<button>`-elementtiä käytetään luomaan klikattava painike, joka voi käynnistää toiminnon, kuten lomakkeen lähettämisen, JavaScript-funktion suorittamisen (esimerkiksi ponnahdusikkunan avaaminen tai sulkeminen) tai mobiilivalikon vaihtamisen. Oletuksena `<button>`-elementillä on `type`-attribuutti, jonka arvo on `submit`. Usein on kuitenkin tarpeen määrittää `type="button"`.

PGJ1dHRvbiB0eXBlPSJidXR0b24iPk9wZW4gbW9iaWxlIG1lbnU8L2J1dHRvbj4=

`<a>`-elementtiä käytetään hyperlinkkien luomiseen muihin verkkosivuihin, asiakirjoihin tai resursseihin.

Sen sijaan `<button>`-elementtiä käytetään interaktiivisuuden lisäämiseen verkkosivulle, tapahtuman käynnistämiseen tai toiminnon suorittamiseen. On tärkeää olla sekoittamatta näiden elementtien käyttötarkoituksia.

Huomio

Voiko `<button>`-tagia käyttää lomakkeen lähettämiseen?

Mikä on tärkein ero `<a>`-tagin ja `<button>`-tagin välillä?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Painikkeiden Lisääminen

1. Voiko `<button>`-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero `<a>`-tagin ja `<button>`-tagin välillä?

Painikkeiden Lisääminen

1. Voiko `<button>`-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero `<a>`-tagin ja `<button>`-tagin välillä?

Painikkeiden Lisääminen

1. Voiko <button>-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero <a>-tagin ja <button>-tagin välillä?

Painikkeiden Lisääminen

1. Voiko <button>-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero <a>-tagin ja <button>-tagin välillä?

1. Voiko `<button>`-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero `<a>`-tagin ja `<button>`-tagin välillä?

1. Voiko `<button>`-tagia käyttää lomakkeen lähettämiseen?

2. Mikä on tärkein ero `<a>`-tagin ja `<button>`-tagin välillä?