Linkki:
Linkki tokalle sivulle

HTML harjoitus

Esimerkki HTML-koodin syntaksista


<KOODI> koodin vaikutusalue </KOODI>

<KOODI ATRIBUUTTI="arvo" ATRIBUUTTI2="arvo">
koodin vaikutusalue
</KOODI>

<KOODI ATRIBUUTTI ATRIBUUTTI2="arvo">
koodin vaikutusalue
</KOODI>

<KOODI>
  ^
   |
koodin vaikutusalue

Paragraph eli <P> tagin käyttö

Katso sorsaa ymmärtääksesi jotain.

asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd

asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd
asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd
asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd
asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd
asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd
asdasdasd asdasdasd asdsadas dasdasdasd asdasd asdasdasd

Esimerkki <PRE> tagista

		Tulostaulukko:

		Matti | Maija
		-------------------
		12    | 1
		3     | 2
		5     | 10

Lisää tagiharjoittelua


<ADDRES> tagi
Yhteystiedot:
Mikko Haimila
Kirkkonummi

<BLOCKQUOTE> tagi
Tämä teksti on lainattu jonkun muun tekstistä. Muista mainita lähdeviite. (Teksti sisentyy automaattisesti)

<CENTER> tagi

Tämä teksti on keskitetty vanhan tavan mukaan.
samoin tämä


<DIV> tagi

Tämä on keskitetty uuden standardin ja suositusten mukaan
koodi eroaa vanhasta


<HR> tagi

Loogisia korostuksia

asdasdasd asdasdasd Lainaus asdsadas dasdasdasd Strongteksti asdasdasd asdasdasd asdasdasd painotettu teksti dasdasdasd

Fyysisiä korostuksia

asdasdasd asdasdasd alleviivattu U ihavoitu B asdsadas dasdasdasd kursivoitu I tiasdasdasd isonnettu BIG Pienennetty SMALL yliviivattu S alaindeksi SUB yläindeksi SUP TT-teksti teletype asdasdasd

Ei suositeltu (?) FONT-tagiesimerkki

Tekstiä tässä on jonkin verran. CSS olisi kätevämpi tapa muokata tekstityylejä kuin jokaisen tekstin alkuun erikseen FONT-tagilla.