Ugrás a tartalomhoz Lépj a menübe
 


A HTML programozás alapjai

2008.11.04

A HTML programozás alapjai:

 

Ezt a dokumentumot az internetről leszedett anyagokból ollóztam össze. Korábban Én is kerestem segítséget az oldalaim elkészítéséhez, remélem az utánam következőknek segítek ezzel.

Technikai bevezetés

A HTML formátumú dokumentumok megtekintése egy ún. "World Wide Web böngészőprogrammal" lehetséges. Hogy miért? A HTML dokumentum-formátumot tekinthetjük az ún. hyper-text egyik megvalósítási formájának is. A HTML dokumentum egy olyan szövegfájl, amely a szövegen kívül tartalmaz ún. "HTML-tag"-eket - formázóutasításokat -, valamint megjelenítendő objektumokra történő hivatkozásokat is. Ezek a HTML formázóutasítások (más szóval: parancsok, elemek) befolyásolják a dokumentum megjelenítését, kapcsolatait. Ezeket az utasításokat a böngészőprogram értelmezi és végrehajtja. Ezen okból a formázóutasítás mindig megelőzi azt a részét a dokumentumnak, amelyre vonatkozik.

A dokumentumkészítéshez használható HTML utasítások köre állandóan bővül, a nyelv fejlődik. A szabványosítás csak lassan követi a fejlődést. Ezért nem minden böngészőprogram tudja a HTML utasítások mindegyikét értelmezni. Egy böngésző, ha számára értelmetlen utasítással találkozik, akkor kihagyja, így nem okoznak problémát az újabb keletű - még szabványosítatlan - utasítások a régebbi kiadású WWW-böngészőknek sem.

Sajnos a fentiek miatt ugyanazt a dokumentumot két különböző program nem biztos, hogy azonos formában fogja megjeleníteni. Más oka is van ennek. A WWW-n kalandozónál kicsi a valószínűsége annak, hogy rendelkezésére áll ugyanaz a betűtípus, mint a WWW-oldalt fejlesztőnek. Vagy képek esetén semmi garancia nincs arra, hogy minden böngészőprogram ugyanazon felbontásban és színszámmal tudja megjeleníteni a képet. És így tovább ...

A HTML-ben mégis az a nagyszerű, hogy nagymértékben megközelíti a platformfüggetlenséget. Egy HTML dokumentum - ha nem is azonos módon - mindenki számára megtekinthető. A HTML dokumentum normál szövegfájl. Bármely szövegszerkesztővel létrehozható, ill. módosítható, amely nem használ különleges fájlformátumot vagy ha létezik TEXT formátumú mentési lehetőség benne.

A HTML utasításokat a szövegben < és > jelek közé kell zárni. Egy-egy utasítás - HTML parancs, HTML elem - hatását általában a záró utasításpárja szünteti meg, amely megegyezik a nyitó utasítással, csak a / jel vezeti be (természetesen a < és a > jelek között). Az utasítások nagy része opcionális elemeket is tartalmazhat, melyek csak a nyitóutasításban szerepelhetnek, a záróban nem. Az opciók értékadásánál az idézőjel nem mindig kötelező, csak ajánlott. A HTML utasítás kulcsszavaiban nem különböztetjük meg a kisbetűket és nagybetűket.

HTML Stuktúra

Minden HTML formátumú szövegfájl a utasítással kezdődik és a záróutasítással végződik. Ezen elemek közé kell zárni a teljes dokumentumot - formázóutasításokkal és hivatkozásokkal együtt.

A HTML dokumentumot két részre lehet bontani a fejlécre és dokumentumtörzsre. (Egy harmadik rész lehet a keretek definíciója.)

A dokumentumot a fejlécelemek vezetik be, melyek kezdetét a utasítás jelzi. A fejlécelemek között szokás a dokumentumcímet megadni, mely címet a utasítások közé kell zárni. A fejlécet a utasítás zárja. Ezt a részét a dokumentumnak általában az ablak címsorában jelenítik meg a böngészőprogramok.

A dokumentumtörzs - amit voltaképpen a WEB-böngésző meg fog jeleníteni - a fájl és utasítások közötti része. Ezen elemek között kell elhelyezni mindent: a szöveget, hivatkozásokat, képeket, stb. (A keretek és a JavaScript kódok kivételével!)

Bevezetés

Ez az oldal az egyszerű formázó tag-ekre mutat példát. A táblázatban láthatjátok a kódot, és mellette a kód eredményét.

Minden tag-et (formázó utasítást) a < jel vezet be, és a > jel zár le. Az adott tag hatását a megfelelő lezáró tag szünteti meg, amely formátumú.

Lássuk a példákat:

tle>HTML szerkesztés kezdőknek

Ezt a szöveget jeleníti meg a böngésző a címsorában.

Betűtípusok, stílusok

Kövér betűk (bold) Kövér betűk (bold)

Dőlt betűk (italic) Dőlt betűk (italic)

Aláhúzott betűk (underlined) Aláhúzott betűk (underlined)

Írógép betűk (teletype) Írógép betűk (teletype)

Fejléc

1-es fejléc

1-es fejléc

2-es fejléc

2-es fejléc

3-as fejléc

3-as fejléc

4-es fejléc

4-es fejléc

5-ös fejléc

5-ös fejléc

6-os fejléc

6-os fejléc

Betűméret

Kettővel nagyobb betűméret Kettővel nagyobb betűméret

Eggyel kisebb betűméret Eggyel kisebb betűméret

4-es betűméret 4-es betűméret

10-es betűméret 10-es betűméret

Betűtípus

Arial betűtípus. Arial betűtipus.

Courier betűtípus. Courier betűtipus.

Betűszín

Piros Piros

Kevert Kevert

#898134 a szín úgynevezett RGB kódja. Az első két karakter a vörös (R=red) szín erősségét mutatja 16-os számrendszerben (hexadecimálisan). A leggyengébb a 00, a legerősebb az FF. A 3.és 4. karakter a zöld szín erőssége (G=green), az 5. és 6. a kéké (B=blue)

Ezek kombinálása:

Ez csak próba

Ez csak próba

Ez egy vízszintes vonal (horizontal rule)


Bekezdések

Igazítás (align): left(balra), center(közép), right(jobbra)

Ez egy balra igazított bekezdés

Ez egy balra igazított bekezdés

Ez egy középre igazított bekezdés

Ez egy középre igazított bekezdés

Ez egy jobbra igazított bekezdés

Ez egy jobbra igazított bekezdés

Sortörés

Ez az első sor
Ez pedig a második Ez az első sor

Ez pedig a második

Hiperlinkek

Valamilyen szöveg

Az URL (Uniform Reasource Locator, egységes dokumentum meghatározó rendszer) lehet:

file://

dokumentum a kliens számítógépen

file://C|WEB/ISKOLA/PALYAZAT.HTML

ftp://

file átviteli protocol

ftp://ftp.c3.hu/Utilities/winzip70.exe

http://

hypertext transfer protocol

http://www.elte.hu/

telnet://

bejelentkezés egy távoli gépre

telnet://ludens.elte.hu/

mailto:

email cím megadása

mailto:abonyita@ludens.elte.hu

Példák:

Ez az ELTE honlapja Ez az ELTE honlapja

A winzip letölthető erről a címről A winzip letölthető erről a címről

Itt írhat nekem levelet Itt írhat nekem levelet

Felsorolás

Egyszerű felsorolás

  • első elem
  • második elem
  • harmadik elem

első elem

második elem

harmadik elem

Sorszámozott lista

1.   első elem

2.   második elem

3.   harmadik elem

első elem

második elem

harmadik elem

Meghatározás lista

1. fogalom

az első fogalom magyarázata

2. fogalom

a második fogalom magyarázata

1. fogalom

az első fogalom magyarázata

2. fogalom

a második fogalom magyarázata

 

Képek a HTML oldalon

Háttérkép

Ahhoz, hogy az adott oldal háttérképpel rendelkezzen, a részben el kell helyeznünk a background="kep" paramétert, ahol a kép GIF, illetve JPG formátumú lehet!

Jelen esetben:

Azt is beállíthatjuk, hogy a háttér a szöveg gördítésénél egy helyben maradjon, és csak a szöveg mozogjon a háttér felett. Ez a funkció viszont csak az Internet Explorer böngészővel látható.

Használata: A részbe a .bgproperties="fixed" paramétert kell beillesztenünk

pl.:

Nagyon fontos, hogy olyan háttérképet válasszunk, amelyen a szöveg olvasható marad.

(pl. a szöveg színe, a linkek színe ne vegye fel a háttérkép színét, mert emiatt a szöveg, vagy link nem fog rendesen látszódni.) Erre megoldás lehet, ha megadjuk, hogy az adott oldal egészén milyen színű legyen a szöveg, és a link.

Ezt a következőképpen érhetjük el: a részt egészítsük ki a következő praméterekkel:

text= szín vagy színkód (a szöveg színét állítja be)

link= szín vagy színkód (a linkek színét állítja be)

alink= szín vagy színkód (az aktív linkek színét állítja be)

vlink= szín vagy színkód (a már meglátogatott linkek színét állítja be)

pl.

Háttérszín beállítása

Ha nem képet, hanem valamilyen színt szeretnénk oldalunk hátterének, akkor a bgcolor paramétert használhatjuk.

vagy

pl.: vagy

Képek elhelyezése az oldalon

Képet az paraméterrel helyezhetünk el az oldalon.

Paraméterei:

src: URL (vagyis a kép útvonalának megadása)

width: a kép szélessége pixelekben

height: a kép magassága pixelekben

align: a kép és a szöveg viszonyának megadása

top: a kép teteje a mellette lévő szöveg tetejével lesz egy vonalban

middle: a kép közepe lesz a szöveg alapvonala

bottom: a kép alját a szöveg alapvonalához illeszti (ez az alapértelmezett)

left: a képet a bal oldali margóhoz igazítja

right:a képet a jobb oldali margóhoz igazítja

border: a kép köré rajzolandó keret vastagságának megadása

hspace: a kép körül vízszintesen hagyandó átlátszó sáv mérete pixelben

vspace: a kép körül föggőlegesen hagyandó átlátszó sáv mérete pixelben

alt: leírás, jellemző szöveg a képről.

(Akkor jelenik meg, ha a böngésző nem képes megjeleníteni a képeket.

Egyes böngészőkben akkor is látható, ha a kép fölé visszük az egérkurzort)

Tetőhöz igazítva: A kódot módosíthatod az alábbi ablakban:

Tetőhöz igazítva

Középhez igazítva

Középhez igazítva: A kódot módosíthatod az alábbi ablakban:

Középhez igazítva

Talphoz igazítva

Talphoz igazítva: A kódot módosíthatod az alábbi ablakban:

Talphoz igazítva

Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az eredeti margóhoz ugrik vissza.

Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az eredeti margóhoz ugrik vissza.

A kódot módosíthatod az alábbi ablakban:

Jól használható a balra igazítás arra, hogy egy kép mellé illesszünk egy hosszabb szöveget. Az a szövegrész, amelyik túllóg a képen, az az eredeti margóhoz ugrik vissza.

A jobb oldalra igazított kép is az előzőhöz hasonlóan viselkedik. Természetesen a szöveg továbbra is balra lesz igazítva.

A jobb oldalra igazított kép is az előzőhöz hasonlóan viselkedik. Természetesen a szöveg továbbra is balra lesz igazítva.

A kódot módosíthatod az alábbi ablakban:

A jobb oldalra igazított kép is az előzőhöz hasonlóan viselkedik. Természetesen a szöveg továbbra is balra lesz igazítva.

A két utóbbi lehetőség együttes alkalmazása is lehetséges.

A két utóbbi lehetőség együttes alkalmazása is lehetséges.

A kódot módosíthatod az alábbi ablakban:

A két utóbbi lehetőség együttes alkalmazása is lehetséges.

Info Savaria'99

A kódot módosíthatod az alábbi ablakban:

 

Info Savaria'99

width="180" height="150" border="5"

hspace="15" vspace="5" >

Természetesen táblázatok használatával is megoldhatóak a különböző igazítások:

INFO SAVARIA

INFO SAVARIA

INFO SAVARIA

INFO SAVARIA

INFO SAVARIA

INFO SAVARIA INFO SAVARIA

INFO SAVARIA

A kódot módosíthatod az alábbi ablakban:

hspace="0" width="165" height="65">

INFO SAVARIA

hspace="0" width="165" height="65">

INFO SAVARIA

hspace="0" width="165" height="65">

INFO SAVARIA

src="infologo.gif" width="124" height="49">

src="infologo.gif" width="124" height="49">

INFO

SAVARIA

align="middle" width="140" height="100">

Probléma:

Sok esetben előfordul, hogy például egy balra igazított kép melletti szöveg esetében be szeretném állítani, hogy a következő sor már ne a kép mellé kerüljön, hanem a bal margóhoz igazítva.

Ez az 1.sor

Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé.

Megoldás:
tag használata

Ekkor a sortörés utáni szöveg a bal oldali margónál lévő kép aljához ugrik.

Ez az 1.sor

Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé.

A kódot módosíthatod az alábbi ablakban:

Ez az 1.sor


Ennél a sornál pedig azt szeretném, hogy ne kerüljön a kép mellé.

Ugyanez természetesen a
tag használatával a jobb oldali margóhoz történő igazításra is vonatkozik.

Abban az esetben, ha mindkét margóhoz igazítottunk egy-egy képet, akkor a
tag használatával a szöveg a legalsó kép aljához ugrik.

Nézzük a következő példát. Itt a
taget használtuk.

Így a következő sor a jobb oldali margóhoz igazodik.

Következő sor

Ebben a példában a
taget használtuk.

Így a következő sor a legalsó kép aljához ugrik..

Következő sor

A kódot módosíthatod az alábbi ablakban:

width="100" height="140">

hspace="0" width="60" height="70">Ebben a példában a <br clear="all">

taget használtuk. Így a következő sor a legalsó kép aljához ugrik..


Következő sor

Átlátszó (transparent) képek

Érdemes megemlíteni, hogy GIF formátumú képek esetén lehetőség van arra, hogy a kép egy színét valamilyen segédprogrammal átlátszóvá tegyük. Ekkor az adott szín helyett az oldal háttere, vagy háttérszíne fog megjelenni.

pl. A bal oldali képet egy grafikai programmal úgy módosítottuk, hogy a fekete szín legyen a transparent (átlátszó) szín.

Az eredmény a jobb oldali képen látható.

pl. egy olyan táblázatban, ahol a cellák háttérszínnel rendelkeznek a következő hatás érhető el:

A kódot módosíthatod az alábbi ablakban:

Elválasztó vonal: (horizontal rule)

Elválasztó vonalat használhatunk akkor, ha a lapon bizonyos részeket el szeretnénk különíteni egymástól.

A size paraméterrel beállítható a magassága, a width paraméterrel pedig a szélessége. (%-ban, vagy képpontban)

pl.


Azt is meghatározhatjuk, hogy hova legyen igazítva az elválasztó vonal. (align=left|center|right)

pl.




Gyakori kérdések a képformátumokról

GIF vagy JPG formátumot használjunk? Mindkét képformátum egy tömörített file formátum, de mindegyiknek megvan a maga felhasználási területe. A GIF formátum nagyon jól tömörít akkor, ha a kép kevés színt tartalmaz, illetve ha nem tartalmaz színátmeneteket.A JPG formátumot viszont akkor érdemes használni, ha a kép sok színt, színátmenetet, árnyékot tartalmaz.

Melyek az úgynevezett átlátszó (transparent) képek?

A GIF formátumú képek esetén lehetőség van arra, hogy a kép egy színét valamilyen segédprogrammal átlátszóvá tegyük. Ekkor az adott szín helyett az oldal háttere, vagy háttérszíne fog megjelenni.

pl. A bal oldali képet egy grafikai programmal úgy módosítottuk, hogy a fekete szín legyen a transparent (átlátszó) szín.

Az eredmény a jobb oldali képen látható.

A problémát az jelent(het)i, hogy nem mindegyik böngésző jeleníti meg helyesen ezeket a képeket. Néhány régebbi böngésző nem tud különbséget tenni a GIF87 nem átlátszó formátum, és a GIF89a átlátszó formátum között, és az eredeti háttérszínt fogja megjeleníteni.

Mi az az Interlaced kép?

Sok grafikai programban van arra lehetőség, hogy a GIF formátumú képet Interlaced módban mentsük el. Ez azt jelenti, hogy a kép megjelenítéskor folyamatosan finomul, kezdetben homályos, majd egyre részletgazdagabb lesz.

Kis képek esetén ez a fileméretet csökkentheti is, de általában az a jellemző, hogy ezen mód használatakor a képfile mérete megnő. pl. hal.gif

Animált GIF-ek...

Az animált GIF gyakorlatilag egy több képkockát (frame) tartalmazó képformátum, ahol a különböző képek megjelenése között megadott idő telik el. (ez az idő a grafikai programok többségében beállítható)

Természetesen nagy méretű animációkat, amelyek az oldal letöltési idejét meghosszabítják, nem érdemes használni.

Framek használata

A frame-ek segítségével a képernyőt felosztva egyszerre jeleníthetünk meg több html dokumentumot a képernyőn

Használata:

Paraméterek:

: vesszővel tagolt lista, amely a sorok kialakítására szolgál a különböző szélesség megadási módok felhasználásával

: vesszővel tagolt lista, amely az oszlopok kialakítására szolgál a különböző szélesség megadási módok felhasználásával

Méret megadási módok:

méret megadása százalékban

pl.

méret megadása képpontokban

pl.

a terület felosztása bizonyos arányban

pl. a 1:2 arányban osztja fel a területet

(A különböző méretdefiniciók egymással is kombinálhatóak, ahogy azt a példákban látni fogjuk))

A elemen belül elhelyezett elemekkel definiálhatjuk a tényleges kerettartalmat.

Paraméterei:

NAME: név

Nevet adhatunk az adott frame-nek. (ahhoz kell, hogy hivatkozhassunk a framere)

SRC: a frame URL-je

A területre betöltendő dokumentum nevét (elérését) adhatjuk meg

NORESIZE: átméretezhetőség

Hatására az aktuális területet határoló keret nem mozdítható el

SCROLLING: görgethetőség

Ezzel adhatjuk meg, hogy a keret tartalma görgethető legyen, vagy nem.

Értékei:

YES (kirakja a gördítősávot)

NO (nem rakja ki a görditősávot)

AUTO (csak akkor rakja ki a görditősávot, ha szükséges)

FRAMEBORDER: határoló keret

Azt határozza meg, hogy legyen-e látható keret a frame körül.

Értékei: 1 (van keret) 0 (nincs keret)

MARGINWIDTH: margó szélesség

Az adott frame tartalma és a keret közti vízszintes távolság definiálására szolgál

MARGINHEIGHT: margó magasság

Az adott frame tartalma és a keret közti függőleges távolság definiálására szolgál

Azon böngészők számára, amelyek nem képesek a frameket megjeleníteni létezik egy

elem, amelyet a elemek között kell elhelyezni. Az ebben leírt szöveget azon böngészők jelenítik meg, amelyek nem ismerik a Frame definíciót.

pl.

A Te böngésződ nem képes a keretek megjelenítésére. Kérlek olvasd el a szöveg változatát az oldalnak.

Az 1. példában két vízszintes elhelyezkedésű framet definiálunk, amelyek egyenlő arányban (50-50%) töltik ki az a böngésző ablakot.

1. példa (frame1.html)

A kódot módosíthatod az alábbi ablakban:

Most ugyanezt függőlegesen elhelyezkedő framek esetén is nézzük meg:

2. példa (frame2.html)

A következő példában három framet definálunk, melyek közül kettőnek abszolut módon adjuk meg a magasságát, a harmadik pedig a maradék helyet fogja betölteni.

3.példa (frame3.html)

Fejlesszük tovább a fenti példát úgy, hogy az első frame tartalmát ne lehessen görgetni, a második frame méretét pedig ne lehessen megváltoztatni.

4.példa (frame4.html)

Természetesen egy frame tartalmazhat olyan oldalt is, amely maga is frame-ekből áll. Erre mutat példát a következő oldal.

5. példa (frame5.html)

A fenti hatást úgy is elérhetjük, ha a frameket egymásba ágyazva definiáljuk.

5.2 példa (frame5_2.html)

Linkek a framekben

Az alábbi példa azt mutatja be, hogy hogyan lehet meghatározni, hogy egy adott oldal melyik framebe töltődjön be. A példában kialakítunk 5 db framet (nevük: menu1,menu2,elso,masodik,harmadik), majd a menu1 és menu2 frameben elhelyezünk két darab menüt (1.html, 2.html). Azt szeretnénk, hogy a menüből kiválasztott link az üres framek valamelyikében jelenjen meg.

Ehhez a linkeket a TARGET="frame neve" paraméterrel kell kiegészítenünk a linkeket tartalmazó oldalakban.

6.pelda (frame6.html)

Az 1. html tartalma:

Menü1

Demo az elso frameben.

Demo a második frameben.

Demo a harmadik frameben.

A 2.html tartalma:

Menü2

Képek az elso frameben.

Képek a második frameben.

Képek a harmadik frameben.

A TARGET paraméter nem csak az általunk definiált framenév lehet, használhatjuk még a _self, _parent, _top illetve _blank opciókat.

target="_self": az adott frame helyére töltődik az oldal.(alapértelmezett)

target="_parent": az adott frame fölé, a szülőframebe töltődik az oldal.

target="_top": legfölülre.töltődik az oldal

target="_blank": egy új böngészőablakba töltődik az oldal

Anchorok

Gyakorta látunk olyan megoldásokat, ahol a link egy oldal valamelyik részére mutat. (ez az oldal természetesen lehet egy másik frameben is.) Ezt a lehetőséget az anchorok biztosítják nekünk. Ez annyit jelent, hogy az oldal egy részét névvel látjuk el, majd erre a névre hivatkozhatunk más oldalakról is.

Formátuma:

.....

Ekkor az oldal ezen részére a ... linkkel hivatkozhatunk. (az azonosítónak egyedinek kell lennie a dokumentumon belül)

Ha a hivatkozás egy másik HTML dokumentum egy részére mutat, akkor az anchor azonosítója előtt az oldal nevét (ill. elérhetőségét) is fel kell tüntetni.

Formátuma

...

pl. Nézzük az ajánlott anyagok oldal egy részletét. Az oldal tetején kiválaszthatjuk, hogy a dokumentum mely részére kívánunk ugrani. pl. A HTML szerkesztés linkre kattintva a HTML szerkesztéssel foglalkozó részhez ugorhatunk. Ehhez annnyit kellett tenni, hogy a HTML szerkesztés rész címsort ellátjuk egy anchorral, amelynek a neve legyen pl. HTML.

HTML szerkesztés

Így a dokumentum ezen részére már hivatkozhatunk. Ezt meg is tesszük a dokumentum elején, a következőképpen:

HTML szerkesztés

Beépített anchorokat is használhatunk:

#top az oldal tetejére ugrik

#bottom az oldal aljára ugrik

Ha az egyik oldalban egy másik frameben lévő oldal egy bizonyos részére szeretnénk linket rakni, akkor azt is megtehetjük, ha használjuk a target paramétert.

 

 

Hozzászólások

Hozzászólás megtekintése

Hozzászólások megtekintése

D postero-medial, incoherence upgoing interactions, grandparents.

(udifasoaceb, 2019.03.29 16:42)

http://theprettyguineapig.com/prednisone-20-mg/ - Prednisone Without Prescription <a href="http://theprettyguineapig.com/prednisone-20-mg/">Prednisone No Prescription</a> ska.wleo.roa.eoldal.hu.bmn.qs http://theprettyguineapig.com/prednisone-20-mg/

Many petroleum decides cost, price.

(uroqashuz, 2019.03.10 12:50)

http://theprettyguineapig.com/prednisone-20-mg/ - Buy Prednisone <a href="http://theprettyguineapig.com/prednisone-20-mg/">Buy Prednisone</a> http://theprettyguineapig.com/prednisone-20-mg/

So dysphasia homocystine aorto-iliac botulism.

(xebefebuiz, 2019.03.10 12:33)

http://theprettyguineapig.com/prednisone-20-mg/ - Prednisone 20 Mg <a href="http://theprettyguineapig.com/prednisone-20-mg/">Prednisone</a> http://theprettyguineapig.com/prednisone-20-mg/

Cold fluoroscopy price, drinks, homosexually sing.

(uqjotec, 2019.03.10 11:07)

http://theprettyguineapig.com/prednisone-20-mg/ - Prednisone 20 Mg <a href="http://theprettyguineapig.com/prednisone-20-mg/">Prednisone Online</a> http://theprettyguineapig.com/prednisone-20-mg/