[IMAGE]

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

Tekstin muokkaus

<H1>.............</H1> - <H6>.............</H6> Ostikoita on H1:stä H6:seen, joista H6 on pienin ja H1 suurin. Otsikkojen jälkeen tule automattisesti yksi tyhjä rivi.


Otsikko H1

Otsikko H2

Otsikko H3

Otsikko H4

Otsikko H5
Otsikko H6

<FONT SIZE=1>.....</FONT> Kirjasinkoon muutos peruskoko on 3, jota ei tarvitse erikseen asettaa. Fonttien kokoja on 1:stä 7:ään. Lisäksi voidaan käyttää kokonumerona -2, -1, +0, +1, +2, +3 ja +4.

Font size 1, font size 2, font size 3, font size 4, font size 5, font size 6 ja
font size 7

<FONT COLOR="#FF0000">.....</FONT> Koodin lisäksi voit käyttää yleisimpien värien nimiä: Red, blue, white, black, olive, teal, maroon, navy, gray, lime, fuchsia, green, purple, silver, yellow tai aqua. Värikoodit.
esim.punainen teksti

<FONT FACE=helvetica, arial,.....,....,courier>.....</FONT> Määrittelee käytettävä fontin. Fontit ovat käyttäjän koneesta riippuvaisia ja selain käy läpi koneessa olevat fontit ja kirjoittaa tekstin ensimmäisellä sopivalla fontilla.

<I>.............</I> Kursivointi. Lisäksi voi käyttää <EM>.............</EM>-tagia.Emphasis

<B>.............</B> Lihavointi. Lisäksi voi käyttää <STRONG>.............</STRONG>-tagia. Strong

<U>.............</U> alleviivaus. Netscape 3 ominaisuus. Yliviivaus voidaan tehdä <S>..........</S>- tagilla

<TT>.............</TT> Vakioleveys kirjamille ja välilyönneille. Näyttää vähän samalta kuin vanha konekirjoitus teksti. Vaihtoehtoiset tagit (EM ja STRONG) antavat selaimen päättää minkälainen on kunkin selaimen lihavointi tai kursiivi.

Muut tekstin muokkaus tagit:
Malli teksti<BIG></BIG>
Malli teksti<SMALL></SMALL>
Yläindeksi Malli teksti<SUP></SUP>ei toimi Explorerissa
Alaindeksi Malli teksti<SUB></SUB>ei toimi Explorerissa
Malli teksti<CITE></CITE>
Malli teksti<VAR></VAR>
Malli teksti<SAMP></SAMP>
Malli teksti<KBD></KBD>
Malli teksti<DFN></DFN>

<BR> Tekee pakollisen rivinvaihdon tekstiin. Muutoin teksti jakautuu automaattisesti riveille sen mukaan mikä on näytön koko. Vaikka painat enteriä esim. muistiossa ei rivivaihdu HTM-dokumentissa, vaikka se näytöllä vaihtuukin. Jotkin editorit olettavat enterin painalluksen tarkoittavan kappaleen vaihtoa.

<P>.............</P> Saa aikaan rivinvaihdon ja yhden tyhjän rivin. Käytetään kappaleen merkitsemiseen.

<PRE...........</PRE> Pakottaa selaimen näyttämään tekstin sellaisena kuin se on muotoiltu. Sillä voit tehdä esim. yksinkertaisia taulukoita tai pitää valmiit tekstitiedostot asettelultaan oikeanlaisina.

<BLOCKQUOTE>.............</BLOCKQUOTE> Sisennys. Tagien välissä oleva teksti sisentyy.

tässä käytetty Blockquote-tagia tekstin sisentämiseen

<CENTER>.............</CENTER> Keskitys. Tageilla voit sisentää tekstin lisäksi myös muitakin sivun osia (kuvia, taulukoita jne.). Tagit keskittää sivun osat näytön mukaan keskelle.

<ADDRESS>.......</ADDRESS> Osoiteteksti. Tagien väliin tehty teksti tulee yleensä kursiivilla.
<ADDRESS>Minä Sukunimi<BR>
Osoite<BR>
Paikkakunta
</ADDRESS>

Minä Sukunimi
Osoite
Paikkakunta

Korvausmerkit: Koska HTML-kieli on varannut käyttöönsä osan merkeistä ei niitä voi kirjoittaa tekstipohjaisilla editoreilla suoraan, vaan niille on oma koodinsa.

& = &amp;
< = &lt;
> =&gt;
" =&quot;
ä =&auml;
Ä =&Auml;
ö =&ouml;
Ö =&:Ouml;
å = &aring;
Å = &Aring;
Rekisteröity tuotemerkki = &#174;
Rekisteröity tuotemerkki = &reg;
Copyright = &#169;
Copyright = &copy;
Korvausmerkit on kirjoitettava juuri ylläolevalla tavalla eli pienet ja isot kirjaimet mallin mukaan.

Välilyönti:
<SPACER TYPE="HORIZONTAL" SIZE=50> tai <SPACER TYPE="VERTICAL" SIZE=50>
Spacer-tagilla saat tyhjää tilaa joko vaakasuunnassa (horizontal) tai pystysuunnassa.

Esimerkki:
Teksti <SPECER TYPE="HORIZONTAL" SIZE=50>Teksti<SPACER TYPE ="VERTICAL" SIZE=50>Teksti
Teksti Teksti Teksti

<SPACER TYPE="BLOCK" WIDTH=150 HEIGHT=50 ALIGN=LEFT>
Align määrityksessä voit käyttää myös top, middle ja right arvoja.
Esimerkki:
teksti
teksti
teksti

Ylläoleva esimerkki tekee vasempaan laitaan 150x50 pikselin kokoisen laatikon
SPACER ei toimi Eplorerissa

Palstat: ei toimi Explorerissa
<MULTICOLS=2>........</MULTICOLS> Sijoittaa tekstin kahteen palstaan. Palstoja voi olla enemmänkin.
GUTTER=10 määrittelee pikseleinä palstojen välin.
WIDTH=500 määrittelee palstojen ja välien yhteisen leveyden.
Esimerkkisivu


HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

[IMAGE]