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!!
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.
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...:)
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 © 2024, 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!