HTML segédlet az [origo] Fórumának használatához
A saját gépünkről közvetlen úton
nem lehet képet felrakni a topikba.
A képnek valamilyen webhelyen kell
lennie.
A saját gépünkön
lévő képet tehát először egy megfelelő webhelyre kell feltölteni.
Ilyen hely például a prim.hu portálon a Mappa (free drive).
A
képfeltöltés alapvető
fogalma az elérési út
– az URL – ami leírja, hogy hol található a kép a Weben. Ezzel létesítünk
állandó elektronikus utat az üzenetablak és a kép eredeti helye között. (A kép
tehát valójában nem másolódik át az URL beírásával. Ha az eredeti helyről pl.
letörlik a képet, eltűnik az üzenetablakból is.)
Az
URL-ről az első apró betűs bekezdésben
lehet többet megtudni.
Alapvető szabály, hogy az URL-ben ne legyen szóköz vagy ékezetes
betű!
A feltöltéshez az URL-t a
HTML parancssor részévé kell tennünk.
Az éppen szükséges HTML parancs-sort az ezen a lapon lévő
minták közül ki lehet jelölni
(végig húzzuk rajta az egér lenyomott balgombjával a
nyilat, amitől beszínesedik),
utána másolás - pl.: Ctrl+C
majd beillesztés – pl.: Ctrl+V - a szövegablakba s a mintában lévő – idézőjelet közötti – URL-t a feltenni szándékozott kép URL-jére cseréljük.
A másolás és a beillesztés funkcióját tartalmazó menü előhozható az egér jobbgombjának egy kattintásával is. Lehet másolni-beilleszteni drag and drop módszerrel is: a kijelölt URL-re lenyomott balgombbal rátapadva azt átvonszoljuk-húzzuk pl. a webhely tálcán lévő ikonjára. Egy pici várakozás után lap megnyílik s mi a kívánt helyre tehetjük az URL-t.
A HTML parancs-sorban minden karakter fontos és csak ott lehet szóköz benne, ahol a mintában is van.
HTML sor egy kép hozzászólásba vagy üzenetbe
való beszúrásához:
<IMG
SRC="http://mappa.prim.hu/data/5a/5ab31e1b/744ecbc6/Rozsa-Nyilo.gif">
Az idézőjelek közötti szöveg helyett kell bemásolni
annak a képnek az elérési útját (URL), amit a topikba fel akarunk rakni.
Az elérési út megismerése: jobbal kattintás a képre
(vagy fájlnévre), megjelenik egy legördülő menü, amin legalul látható a Tulajdonságok
szó,
erre ballal kattintva előhozunk egy szürke panelt,
ennek közepe táján ott lesz egy http:// kezdetű
szöveg, ami az elérési út. Van, amikor ez több sor. Kijelöljük az
egész URL-t, (végig húzzuk rajta az egér lenyomott balgombjával a nyilat, amitől
az érintett hely beszínesedik
másoljuk - pl.: Ctrl+C ,
majd beillesztjük - pl.: Ctrl+V - a már előre elkészített HTML sorunkba az idézőjelek közé.
A másolás és a beillesztés funkcióját tartalmazó menü
előhozható az egér jobbgombjának egy kattintásával is. A másolás-beillesztés a
más említetett drag and drop módszerrel is elvégezhető.
HTML sor valamely webhely egyszerű szöveges
linkkel való eléréséhez:
<a href="http://www.xe.com">a szöveg
ide</a>
HTML sor az általunk meghatározott méretű kép beszúrására :
<IMG
SRC="http://vicclap.hu/static/pic/computer/stomp_monster10.jpg" ;
height="150" ; widht="220" ;>
Ha nincs adat a képméretre, - egyéb alkalmazás
hiányában – a Windows képkezelőjével (a Paint menüjében a Tulajdonság menüpontot
keressük meg) megnézhetjük, tehát először oda másoljuk be.
HTML sor a kép szélességének korlátozására (a kép éppen olyan
széles lesz, mint az üzenetablak)
<img src=http://kep.tar.hu/XXX/images/picYYY.jpg
width=625>
HTML sor valamely webhely egyszerű szöveges
linkkel való eléréséhez:
<a href="http://www.xe.com">a szöveg
ide</a>
A linkkel jelölt webhely új
ablakban nyílik meg:
<a href="http://www.xe.com"
target=_blank>moneymoneymoney</a>
Képre kattintva jutunk egy új webhelyre (a
szóközök itt is szándékosak):
<a
href="http://www.geocities.com/fromhu" target=_blank> <img
src="http://www.senteacher.org/images/biggirl.jpg"</a>
Képváltó három képpel:
<img src="http://mappa.prim.hu/data/40/40d8aae9/72879985/donkey.gif" ALT="mouse out" ; height="100" ; widht="80" ; onmouseover=this.src="http://mappa.prim.hu/data/40/40d8aae9/38ca327f/Pferd4.gif" ; onmouseout=this.src="http://mappa.prim.hu/data/40/40d8aae9/0c24cf12/PegasusFord.gif">
Többlépcsős nagyítás:
(Ügyelni kell az induló képméret helyességére.)
<img src="http://mappa.prim.hu/data/5a/5ab31e1b/48a92a96/tn_babermonit2.jpg.jpg" ALT=" Remélem, nem szúrom el !!! " height="100" width="100" onmouseover="this.height=200;this.width=200" onmouseout="this.height=100;this.width=100" onclick="this.height=300;this.width=300" ondblclick="this.height=50;this.width=50">
Lehet linkesen is MÉRETET adni:
<a href="http://www.geocities.com/fromhu" target=_blank> <IMG SRC="http://vicclap.hu/static/pic/computer/stomp_monster10.jpg" ;
height="150" ; widht="220" ;>
KERET nélkül legyen a kép:
<IMG border=0 SRC="http://mappa.prim.hu/data/5a/5ab31e1b/744ecbc6/Rozsa-Nyilo.gif"
Link beírása úgy, hogy az elküldött üzenetben a kacsacsőrök is látszódjanak:
(Vigyázat, a < és a
> próbánál átvált kacsacsőrre s nem a parancs karakterei, hanem a kép
vagy a link jelenik meg az elküldött üzenetben. Tehát próbátlanul kell
elküldeni, illetve minden próba után újra kell írni.)
<img src=http://www.scd.ucar.edu/zine/96/spring/images/fractal-lg.gif width=625>
Vastagított szöveg: <b>
vastagított szöveg</b>
Dőlt szöveg:
<i>dőlt szöveg</i>
Aláhúzott szöveg: <u>aláhúzott
szöveg</u>
<font color=blue size=4 face="Times New Roman Bold
Italic"><b>Kék betűk, elég nagyok</font>
A parancsban lévő számot (size=4) lehet változtatni
1 és 7 között.
A color=blue parancsban lehet cserélni az angol színjelölést (red, black, grey, green, brown, yellow, pink stb.).
Lehet változtatni a betűtípust is (Times New Roman,
Arial stb.)
Az [Origo] Fórumán az
ideiglenesen láthatatlan (az új üzenet háttérszínével azonos) betűszín RGB
kódos formulája:
<font color=#D6E4FF size=2 face="Times New Roman"><b>egy ideig láthatatlan karakterek</font>
Az [Origo] Fórumán a piros
betűszín RGB kódos formulája:
<font color=#FF0000 size=3 face="Times New Roman"><b>piros karakterek</font>
A KÉPEKKEL
ILLUSZTRÁLT SEGÉDLET ITT ÉRHETŐ EL.