|
|
Tekstin muotoilut Kirjan sivut 54 - 58 |
|
||||||||||||||||||||||||
| Tekstin muotoilut tehdään BODY-elementin
sisällä, siis dokumentin <BODY>-elementin jälkeen
"näkyvällä" osalla sivua. Muotoilulla määrittelet, miten haluat esittää sivullasi olevan tekstin. Tekstille
voidaan määritellä erilaisia otsikoita, fontin koot, värit, fontin tyyli.
HTML 4.0 mukaan suositeltavampi tapa on käyttää muotoiluun tyylipohjia.
Otsikot - Heading Otsikko H1Otsikko H2Otsikko H3Otsikko H4Otsikko H5Otsikko H6Fontin koko Font size 1, font size 2,
font size 3, font size 4,
font size 5, font size 6 ja
Fontin väri Fontin tyyli Fonttimuotoilut <B>.............</B> Lihavointi - bold. Lisäksi voi käyttää <STRONG>.............</STRONG>-tagia. Strong <U>.............</U> alleviivaus -
underline. <TT>.............</TT> - Teletype - Vakioleveys kirjaimille ja välilyönneille. Näyttää vähän samalta kuin vanha konekirjoitusteksti. Vaihtoehtoiset elementit (EM ja STRONG) antavat selaimen päättää, minkälainen on kunkin selaimen lihavointi tai kursiivi. Muut tekstinmuokkaus-tagit:
<BR> - break - Tekee pakollisen rivinvaihdon tekstiin. Muutoin teksti jakautuu automaattisesti riveille sen mukaan, mikä on näytön koko. Vaikka painat enteriä esim. muistiossa, ei rivi vaihdu HTM-dokumentissa, vaikka se muistion näytöllä vaihtuukin. Jotkin editorit olettavat enterin painalluksen tarkoittavan kappaleen vaihtoa. <P>.............</P>
- paragraph - Saa aikaan rivinvaihdon ja yhden tyhjän
rivin. Käytetään kappaleen merkitsemiseen. Tämä kappale on keskellä Tämä kappale on oikealla Ja tämän pitkän kappaleen molemmat reunat on tasattu reunoihin käyttämällä hyväksi ALIGN=justify määritystä. Eli ulkoasu muistuttaa sanomalehti-tyyppistä tekstiä, jossa on tasaiset reunat molemmin puolin tekstiä. Tämä lause on lisätty, jotta vaikutelma tulisi selvemmin näkyviin. Kokeillaan vielä lisätä tekstiä, jos tulos olisi useammalla rivillä selkeämpää <PRE...........</PRE>
- Preformatted text - 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.
Elementtien välissä oleva teksti sisentyy. Elementtejä voi
käyttää sisäkkäin: tässä käytetty Blockquote-elementtiä tekstin sisentämiseen <CENTER>.............</CENTER> Keskitys. Elementeillä voit sisentää tekstin lisäksi myös muitakin sivun osia (kuvia, taulukoita jne.). Elementti keskittää sivun osat näytön mukaan keskelle. <ADDRESS>.......</ADDRESS> Osoiteteksti.
Elementtien väliin
tehty teksti tulee yleensä kursiivilla.
Osoite Paikkakunta Korvausmerkit - entiteetit: Koska HTML-kieli on varannut käyttöönsä
osan merkeistä, ei niitä voi kirjoittaa tekstipohjaisilla editoreilla
suoraan, vaan niille on oma koodinsa. Esimerkiksi muistiolla koodatessa et voi
kirjoittaa >-merkkiä suoraan, vaan se pitää kirjoittaa alla
olevan mallin mukaan korvausmerkkinä > |
||||||||||||||||||||||||||
| & = &
< = < > => " =" ä =ä Ä =Ä ö =ö tyhjä = eli välilyönti |
Ö =&:Ouml;
å = å Å = Å Rekisteröity tuotemerkki = ® Rekisteröity tuotemerkki = ® Copyright = © Copyright = © |
|||||||||||||||||||||||||
| Korvausmerkit on kirjoitettava juuri yllä
olevalla
tavalla eli pienet ja isot kirjaimet mallin mukaan.
Tyhjää tilaa
Esimerkki:
<SPACER TYPE="BLOCK" WIDTH=150 HEIGHT=50 ALIGN=LEFT>
Yllä oleva esimerkki tekee vasempaan laitaan 150x50 pikselin kokoisen
laatikon
Palstat: ei toimi Explorerissa. Explorerissa
teksti näkyy normaalilla tavalla.
|
||||||||||||||||||||||||||