Weblapkészítés jegyzettömbbel: hogyan kell képet beilleszteni?
Lehetne nagyon szájbarágósan, mert buta vagyok ehhez.
És ne linkeket, mert onnan már próbáltam.
Köszönöm!!
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
Hát.. Ez egy olyan kérdés, ami 20 másodperc alatt megtalálható gugliban. És miért nem jók a linkek? Én csak megismételni tudom azt, amit a linkeken is írnak. :P
Tessék tartok egy alap html órát "hülyéknek". :P
Hogy néz ki egy html szerkezete? (a <!-- jelek --> megjegyzések)
Így:
<html> <!-- megnyitom a html-t -->
<head> <!-- megnyitom a head taget -->
</head> <!-- lezárom a head taget :P -->
<body> <!-- megnyitom a body részt -->
</body> <!-- lezárom a body részt -->
</html> <!-- lezárom a html-t -->
Head részbe szokás írni a meta tagokat, amik az oldallal kapcsolatos háttérinformációkat hivatottak megadni. Ez böngészőben nem lesz látható. Amit érdemes megadni ezek közül azok a következő dolgok:
1. Karakterkészlet megadása ez mondja meg, hogy milyen karakterkészletet használjon a böngésző az oldal megjelenítésekor. Ha magyar oldalt csinálsz akkor ezt érdemes használni: <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
2. Title-t is a head részben érdemes megadni (ez az ami a böngésző tetején lévő sávban fog megjelenni. <TITLE>Ide jön az oldal címe</TITLE>
3. Amit még érdemes: <meta name="description" content="Oldal tömör leírása...">
<meta name="keywords" content="Kulcsszavak listája vesszővel elválasztva...">
A headdel nagyjából végeztünk is, most jön a body...
Body=tartalom. Ide kell írni mindent amit meg akarsz jeleníteni a böngészőben. Pl. ide lehet az általad említett képed is beilleszteni.
Méghozzá a következőféleképpen:
<img src="csillaghegy2009/jani.jpg"/>
Ennyi volt, megadtuk az kép útvonalát, hogy hol találja a html oldal aktuális helyéhez képest. Szóval ha a html-t a c:\web könyvtárba mentetted el, akkor a példám szerinti képnek a c:\web\csillaghegy2009 mappában kell lennie jani.jpg néven elmentve.
Érdemes azonban egy kicsit tovább bonyolítani a dolgot, a következőképpen:
<img src="csillaghegy2009/jani.jpg"
alt="Jani áll egy sikla előtt" />
Ez az alt tag extra információt ad a képről két esetben, vagy a kép felé viszed a kurzort, és kiírja, vagy ha a kép nem tud megjelenni valami miatt, akkor ez a szöveg lesz látható, ill. azért is érdemes használni, mert a keresőmotorok ebből merítenek információt a képpel kapcsolatban. Kép után érdemes </br> tagot használni, hogy egymás alatt legyenek a képek szép sorban. (ez olyan mint egy enter a word-ben :P)
Na és akkor nézzük, hogy hogyan nézne ki a dolog ha ezt mindent hasznosítanánk egy html oldalban...
<html> <!-- megnyitom a html-t -->
<head> <!-- megnyitom a head taget -->
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
<TITLE>Csillaghegy 2009 kirándulásunk</TITLE>
<meta name="description" content="Janival a csillaghegyen 2009 február, családi képalbum">
<meta name="keywords" content="csillaghegy, jani, 2009, kirándulás, február, hideg, sapka">
</head> <!-- lezárom a head taget :P -->
<body> <!-- megnyitom a body részt -->
<img src="csillaghegy2009/jani.jpg"
alt="Jani áll egy sikla előtt" />
</br>
<img src="csillaghegy2009/jani2.jpg"
alt="Jani leugrott a szikláról" />
</br>
<img src="csillaghegy2009/mento.jpg"
alt="Megjöttek a mentők" />
</br>
<center><b>Ezek voltak a kirándulásaink képei, remélem tetszett az első oldalam, blablabla.</b></center>
</body> <!-- lezárom a body részt -->
</html> <!-- lezárom a html-t -->
Ennyi volt. :P
A <b></b> azt jelzi, hogy a közötte lévő szöveget bold-ként szeretném megjeleníteni, azaz vastag betűvel.
A <center></center> meg azt, hogy szeretném a közte lévő szöveget középre igazítani.
Most valószínűleg ez a példa oldal elég hülyén fog kinézni, mivel egyrészt nem adtam neki háttérszínt, meg semmit, másrészt meg csak a szöveg van középre rendezve, a képek nem.
Minden esetre az alapokat ebből megtanulhatod.
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
Hja, és most tartozol nekem egy sörrel, vagy minimum azzal, hogy játszol ezzel egy picit: *****
:D:P
* Automatikusan eltávolított tartalom.
Óó, örök hála!! Köszönöm, köszönöm!:)))
És sörrel nem tudok szolgálni, de fogok játszani a játékkal...:)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
![*](http://static.gyakorikerdesek.hu/p/vsz2.png)
Igen lehetne, csak nekem jegyzettömbbel kell, suliba ezt tanítják. Ez van!:)
De azért neked is köszi!
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!