Keresés

Részletes keresés

tibor0322 Creative Commons License 2002.06.27 0 0 8
Viszont az enyémben több a hiba :) Egy konkrét kérdésre (kiskép-nagykép) próbáltam válaszolni, majd az ajánlott oldalon található forrást 'megmagyarázni'. Én egyelőre abba is hagyom :)
Előzmény: demjengi (7)
demjengi Creative Commons License 2002.06.27 0 0 7
Szia Tibor!
Egyenlőre úgy néz ki Te tartod a haladóbb tanfolyamot én a kezdőt. Egész jó így nem?
demjengi Creative Commons License 2002.06.27 0 0 6
i>Kép beillesztés:


- Egyszerű eset, a képet az eredeti méretében mutatjuk:


<img src="http://www.readersdigest.hu/prodpics/2011082_1">

Az src= után a kép címét kell megadni, ami természetesen mindig más, és tudni kell, hogy hol található a kép.
Így néz ki:


- Eltérünk az eredeti mérettől: (szélesség és magasság állítással, ha height-t nem adunk meg akkor a kép megőrzi az eredeti arányokat)

<img src="http://www.readersdigest.hu/prodpics/2011082_1" width="100" height="50">

Így néz ki:


- Keretezzük be a képet: (border utáni szám növelésével a keret vastagsága nő)

<img src="http://www.readersdigest.hu/prodpics/2011082_1" width="100" border="2">

Így néz ki:

tibor0322 Creative Commons License 2002.06.27 0 0 5
- Vannak kisebb hiányosságok (< helyett < értendő), de alapjában jónak tűnik (a fórumokban elhelyezett "kacsacsőrökkel" az a probléma, hogy html tagként (elemként) megpróbálja a futtató rendszer (többnyire sikerrel :) értelmezni őket).

- a hivatkozott oldalon látható 2x6 db. kép, ezt egy táblázatban ( <TABLE> ... </TABLE> ), azon belül egy-egy sorban ( <TR> ... </TR> ) soronként pedig 6x1 darab cellában ( <TD> ... </TD;>) tárolja.

- a linkeket meg lehet adni abszolút címmel (http://index.hu), illetve relatív címmel (az aktuális oldalhoz viszonyítva hol van). Az említett oldal ez utóbbit alkalmazza (esetleg letöltve, azt (offline) módosítás nélkül megtekinthetjük saját szg.-ről, míg abszolút hivatkozás esetén módosítgathatnánk a hivatkozásokat)

- egy cella tartalma:
<a href="EzANagyKepHelyeEsNeve.jpg">
<IMG SRC=EzAKisKepLatszik.jpg BORDER=0 WIDTH=69 HEIGHT=100>
</a>
ez tulajdonképpen egy db. link (kapcsolat, kapcsolódás) szabványos megadása ( <a> ... </a> között), ami kép esetén nem aláhúzást jelent, de a kurzozt a kép fölé vive ugyanúgy átalakul, és működik, mint aláhúzott szöveg (link) esetén.
(A html tagek (elemek) emlékeim szerint lehetnek akár kis, akár nagybetüsek, de általában nagybetüvel szokás őket használni. A linkek, képek nevei azonban (főleg linux miatt) case-sensitivek (kis- és nagybetüre érzékeny), a windows azonban nagylelkűen ezeket át szokta alakítani, bár már jártam olyan web helyen, ahol ez nem sikerült neki (az adott helyről a könyvjelzőbe felvett link "döglött" volt) )

Előzmény: tibor0322 (4)
tibor0322 Creative Commons License 2002.06.27 0 0 4
- Az általam tegnap ajánlott Valleyo képeit bemutató oldal forrása alapján elég letisztult (ennél egyszerübben és érthetőbben szerintem nem lehet azt úgy megjeleníteni :) képet mutat (most a tartalom értékelésétől elvonatkoztatva)

- maga az értelmezhető html oldal az <html><body> ... </body></html> részek között található

(most egy gyors ellenőrzés, hogy ez hogy fog látszódni a fórumban :)

tibor0322 Creative Commons License 2002.06.27 0 0 3
html forrás megtekintése:
- Adott oldal forrását (leirását) a legtöbb mai böngészővel van esélyünk megtekinteni. Ehez el kell vándorolni a "Nézet/View" menüponthoz (fejrészben nálam a 3. menüpont), és ott egy "Forrás/(page) Source" menüpontot keresni. A "htm(l)/cgi script" forrása szövegállomány, szerintem érdemes a tanulmányozásra.
demjengi Creative Commons License 2002.06.27 0 0 2
Van akinek ez új volt?
demjengi Creative Commons License 2002.06.27 0 0 1
Szöveg formázásra példák:

A html utasításokat egyszerűen a levél írása közben kell beszúrni a szövegbe.

- Színezés (kék):

<font color="blue">...itt szöveg van... </font>

így néz ki:
...itt szöveg van...

- Színezés (piros):

<font color="red">...itt szöveg van... </font>

így néz ki:
...itt szöveg van...

- Aláhúzás:

..szöveg...<u> aláhúzandó szó </u>.. szöveg

így néz ki:
..szöveg... aláhúzandó szó .. szöveg

- Dőlt szöveg:

... szöveg <i> dőlt szöveg </i> ... szöveg

így néz ki:
... szöveg dőlt szöveg ... szöveg

- Kiemelés:

... szöveg <b> kiemelt szöveg </b> ... szöveg

így néz ki:
... szöveg kiemelt szöveg ... szöveg

- Betű méret:

....szöveg <font size=6> nagyobb </font>....szöveg

így néz ki:
....szöveg nagyobb ....szöveg

- A fentieket tetszés szerint egyszerre is lehet:

... szöveg <font color="blue"><b> kiemelt szöveg </b></font> ... szöveg

így néz ki:
... szöveg kiemelt szöveg ... szöveg
endru Creative Commons License 2002.06.26 0 0 0
várok majd tőletek ötletes dolgokat, ha úgy irjátok, hogy aki nem profi az is megérti.
Előzmény: demjengi (-)
demjengi Creative Commons License 2002.06.26 0 0 topiknyitó
Mit szólnátok, ha itt próbálkoznánk elöszőr? Csak nem tévednek ide azok, akik túl extra dologkat akarnak művelni? Mit gondoltok?

Ha kedveled azért, ha nem azért nyomj egy lájkot a Fórumért!