HTML-tagit
<h1>Otsikko</h1> Otsikko alla olevalle tekstille tai kuville
<p>Tekstiä</p> Normaali tekstikappale, joka tulee otsikon alapuolelle
<br> Rivinvaihto, jos teet esimerkiksi linkkilistan. Tämä on helpoin vaihtoehto.
<ul> UL on listatagi ja tätä voit käyttää linkkilistan tai muun listan tekemiseen. Käyttöohje on w3school-sivulla.
<strong>Tekstiä</strong> Tekstin lihavointi, tämän voi kirjoittaa <p> merkinnän sisään
<a href>Hyperlinkki toiselle WWW-sivulle</a>
Tarkalleen näin:
<a href="https://verkko-osoite">Linkkitekstin nimi</a> Tämä avaa linkin senhetkiseen välilehteen
<a target="_blank" href="https://verkko-osoite">Linkkitekstin nimi</a> Tämä avaa linkin uuteen välilehteen
<img src="kuvan tiedostonimi"> Kuvan lisääminen WWW-sivulle. Kuvan tiedostokoolla on iso merkitys, joten kannattaa käyttää JPG-kuvia.
<img src="kuvan tiedostonimi" width="500"> Jos haluat kuvan tietyn levyiseksi, koko tulee kohtaan 500.
<div id="nimi"></div>
Tämän sisällä olevan alueen koon, värin, sijainnin, ääriviivan ja tekstin ulkonäön voi määritellä CSS-tiedostossa. Tämän alueen sisällä olevaa tekstiä voi muokata myös JS-tiedoston koodilla.
<button id="nimi" onclick="JSFunktionNimi()">Nappiteksti</button>
Näin tehdään klikattava nappi, jonka sijainnin ja koon voi määritellä CSS-tiedostossa. Nappia klikattaessa suoritetaan JS-tiedostossa oleva funktio. Funktio voi muokata esimerkiksi "div id" kohdassa mainittua aluetta.
Kaikki HTML tagit ja tarkemmat ohjeet löytyvät WWW-sivulta HTML Reference (w3schools.com)
<p>Tekstiä</p> Normaali tekstikappale, joka tulee otsikon alapuolelle
<br> Rivinvaihto, jos teet esimerkiksi linkkilistan. Tämä on helpoin vaihtoehto.
<ul> UL on listatagi ja tätä voit käyttää linkkilistan tai muun listan tekemiseen. Käyttöohje on w3school-sivulla.
<strong>Tekstiä</strong> Tekstin lihavointi, tämän voi kirjoittaa <p> merkinnän sisään
<a href>Hyperlinkki toiselle WWW-sivulle</a>
Tarkalleen näin:
<a href="https://verkko-osoite">Linkkitekstin nimi</a> Tämä avaa linkin senhetkiseen välilehteen
<a target="_blank" href="https://verkko-osoite">Linkkitekstin nimi</a> Tämä avaa linkin uuteen välilehteen
<img src="kuvan tiedostonimi"> Kuvan lisääminen WWW-sivulle. Kuvan tiedostokoolla on iso merkitys, joten kannattaa käyttää JPG-kuvia.
<img src="kuvan tiedostonimi" width="500"> Jos haluat kuvan tietyn levyiseksi, koko tulee kohtaan 500.
<div id="nimi"></div>
Tämän sisällä olevan alueen koon, värin, sijainnin, ääriviivan ja tekstin ulkonäön voi määritellä CSS-tiedostossa. Tämän alueen sisällä olevaa tekstiä voi muokata myös JS-tiedoston koodilla.
<button id="nimi" onclick="JSFunktionNimi()">Nappiteksti</button>
Näin tehdään klikattava nappi, jonka sijainnin ja koon voi määritellä CSS-tiedostossa. Nappia klikattaessa suoritetaan JS-tiedostossa oleva funktio. Funktio voi muokata esimerkiksi "div id" kohdassa mainittua aluetta.
Kaikki HTML tagit ja tarkemmat ohjeet löytyvät WWW-sivulta HTML Reference (w3schools.com)