Kezdőoldal » Számítástechnika » Weblapkészítés » Weblapkészítés jegyzettömbbel:...

Weblapkészítés jegyzettömbbel: hogyan kell képet beilleszteni?

Figyelt kérdés

Lehetne nagyon szájbarágósan, mert buta vagyok ehhez.

És ne linkeket, mert onnan már próbáltam.

Köszönöm!!


2009. ápr. 14. 12:05
 1/5 anonim ***** válasza:
100%

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.

2009. ápr. 14. 12:53
Hasznos számodra ez a válasz?
 2/5 anonim ***** válasza:

Hja, és most tartozol nekem egy sörrel, vagy minimum azzal, hogy játszol ezzel egy picit: *****

:D:P



* Automatikusan eltávolított tartalom.
2009. ápr. 14. 12:56
Hasznos számodra ez a válasz?
 3/5 A kérdező kommentje:

Óó, ö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...:)

2009. ápr. 14. 14:47
 4/5 anonim ***** válasza:
Szerintem egy alap szintű honlap készítésénél nem kellene jegyzettömbben kódokat irkálnod, mikor létezik sok fajta grafikus felületű WYSIWYG (What You See Is What You Get - Azt kapod amit látsz) webszerkesztő, amiben egyszerű módon, fogd és vidd módszerrel, gyorsan lehet saját honlapot létrehozni. (Office csomagban pl. a beépített FrontPage (2003), valamint SharePoint Designer (2007))
2009. ápr. 25. 21:52
Hasznos számodra ez a válasz?
 5/5 A kérdező kommentje:

Igen lehetne, csak nekem jegyzettömbbel kell, suliba ezt tanítják. Ez van!:)

De azért neked is köszi!

2009. ápr. 26. 09:14

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!