Időzóna: (GMT +1 óra) RSS - hozzászólások

Html alapok!

Szerző
Üzenet
Glitterman
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.09.25. Csütörtök 14:56
Hozzászólások: 80
Hozzászólás Elküldve: 2008.12.28. 10:04    Hozzászólás témája: Html alapok!
Hozzászólás az előzmény idézésével
nah a főnök "utasitására" nyitottam ezt a témát, mivel nem jo helyen kérdezgettem ezzel kapcsolatba! hamár megynyitottam akkor megszeretném kérdezni hogy ki hogy és hol tanulta meg a html szerkesztést!? mert szeretném én is megtanulni és nem a phpbb.hu-t fárasztani ezzel :D
azt már tudom hogy amiket látok mint pl a kép beillesztésnél azokat lementem és egy idő után csak megjegyzem :D szal ha tudtok ilyesmiket:

Kód:


<center><img src="kép elérési utvonala" alt="neve" title="neve"></center>


akkor szivesen venném ha betennétek esetleg mit hova és egy idő után csak rájövök hogy hogy is kell :Delőre is köszi a segitséget

Felhasználó profiljának megtekintése Privát üzenet küldése
pstvfan
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.07.30. Vasárnap 1:00
Hozzászólások: 1542
Hozzászólás Elküldve: 2008.12.28. 12:16    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Hát, én többnyire könyvekből tanultam, elösször a "Weblapkészítés házilag" című könyvet olvastam, bár ez mára szerintem abszolút elavult, aztán amit még olvastam (akkor mondjuk már tudtam HTML-t írni) az a "HTML és CSS" címmel bírt és Virginia DeBolt írta. Ez igazán hasznos kis könyv. De most már megtudnám tanulni ezt a netről is, csak mindig is utáltam sokat olvasni a számítógépen.

Ezek után jöttek a hosszas forráskód nézegetések, amit az elején nem szerettem, mert semmit sem árult el nekem, de azóta belejöttem...
_________________
<M>

Felhasználó profiljának megtekintése Privát üzenet küldése
Thomas RC
Gyakorlott phpBB-s
Gyakorlott phpBB-s


Csatlakozott: 2006.09.29. Péntek 1:00
Hozzászólások: 4377
Hozzászólás Elküldve: 2008.12.28. 12:35    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Én az alap dolgokra a weboldalak forráskódját nézegetve jöttem rá. Elkezdtem nézegetni a forráskódokat és elkezdett érdekelni, hogy mi az a sok "össze-visszaság". Aztán rájöttem, hogy például a h* taget a címsornál használják sok helyen és utána fokozatosan rájöttem, hogy például a h1 az formázás nélkül nagyobb betűvel van írva, mint például a h2.

Persze ehhez hozzátartozik, hogy valami véletlenül folytán pont olyan oldalak forráskódját nézegettem, amik gyakorlatilag validak voltak (legelőször a weblabor.hu, aztán a phpbb.hu kódját nézegettem leginkább, mert akkoriban ezt a két oldalt tartottam a legizgalmasabbnak számomra :D).

A CSS alap tudásomat meg a Dreamweaver 8-nak köszönhetem és a phpBB2 subSilver.css fájlának (is). És azért, mert a subSilver.css szerkesztgetése és a Dreamweaver 8 automatikus kód "ajánlója" együtt bővítette a CSS ismeretemet. A CSS-el párhuzamosan sikerült megértenem azt is, hogy az id="*" és a class="*" mire jó. Ez is csak úgy magától értetődött, mert "párhuzamot véltem felfedezni a kód nézegetések során" :D.

Nagyon tömören ennyi. Én sosem tanultam HTML és CSS-t könyvből, de ha Te ilyenből szeretnél tanulni, akkor nagyon ajánlom az ingyenesen letölhető Web Programozás Jegyzet aktuális számát. Annó nézegettem a JavaScript miatt és a HTML meg a CSS részt nagyon jónak találtam így ránézésre; biztos, hogy nem fog csalódást okozni az elolvasása :).

Felhasználó profiljának megtekintése Privát üzenet küldése
Glitterman
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.09.25. Csütörtök 14:56
Hozzászólások: 80
Hozzászólás Elküldve: 2008.12.28. 17:31    Hozzászólás témája:
Hozzászólás az előzmény idézésével
köszönöm szépen ez a webprogramozás jegyzet hasznosnak néz ki! le is szeedem és áttanulmányozom, ártani tuti nem árt...nagyon köszi

Felhasználó profiljának megtekintése Privát üzenet küldése
Istvan
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.03.19. Szerda 16:10
Hozzászólások: 97
Hozzászólás Elküldve: 2008.12.29. 19:28    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Hogy ne haljon ki ez a topik, irok én is néhány sort :)

Paragrafus:

Kód:


<p>Szoveg szoveg szoveg </p>
<p align="right">szoveg jobbra igazitva</p> (left, center, justifyed)


Link beszúrása:

Kód:


<a href="link" title="cim">Link szovege</a>


Kép beszúrása:

Kód:


<img src="kep utvonal" alt="cim" />


Sortörés:

Kód:


<br />


Szünet:

Kód:


&nbsp;


Cimsor:

Kód:


<h1>Nagy cim</h1> <h2>Kisebb</h2> ... el 6-ig


Félkövér, dőlt, aláhúzott:

Kód:


<b>Felkover</b> <i>Dolt</i> <u>Alahuzott</u>


Futó szöveg:

Kód:


<marquee>Fut a szoveg</marquee>

Felhasználó profiljának megtekintése Privát üzenet küldése
HoremWeb
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.06.18. Vasárnap 1:00
Hozzászólások: 2400
Hozzászólás Elküldve: 2008.12.29. 20:16    Hozzászólás témája:
Hozzászólás az előzmény idézésével
István, amit a <img> és a <br> tag-hez írtál, az nem HTML! Ne kavard össze szegény újoncokat mindenféle XHTML szintaxissal... Ráadásul az <img> erősen hiányos, és a &nbsp; nem szünet, hanem nem-törő szóköz. A szünet a CSS Aural részében van. (Meg van kávé- és cigarettaszünet, tanítási szünet, sőt, néha áramszünet is ;) )
_________________
Élet, üdv, egészség! - HoremWeb

Kép KEMET = Az Ókori Egyiptom

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
pstvfan
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.07.30. Vasárnap 1:00
Hozzászólások: 1542
Hozzászólás Elküldve: 2008.12.29. 23:24    Hozzászólás témája:
Hozzászólás az előzmény idézésével
De mindenféleképpen az XHTML szabványt kövesd, és ne a HTML-t. A HTML órája rég lejárt... Ja és a következő lépés a CSS ;)
_________________
<M>

Felhasználó profiljának megtekintése Privát üzenet küldése
HoremWeb
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.06.18. Vasárnap 1:00
Hozzászólások: 2400
Hozzászólás Elküldve: 2008.12.30. 00:58    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Akkor viszont egyértelműsíteni kell, hogy XHTML-ről beszélünk. Eddig mindhenhol HTML-ről volt szó, és ha valaki HTML tutorial-ból tanul, egyből ellentmondásba keveredik. Csak ezért szóltam, mert különben érthetetlen lesz, hogy ki merre meddig hány méteren mennyit... De leginkább az, hogy miért nem jó a HTML doksiba a <br /> tag. ;)

És akkor a CSS-ből is kapásból a 3-at vegyük át? Amúgy CSS téma már van itt az off-ban.
_________________
Élet, üdv, egészség! - HoremWeb

Kép KEMET = Az Ókori Egyiptom

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Glitterman
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.09.25. Csütörtök 14:56
Hozzászólások: 80
Hozzászólás Elküldve: 2008.12.30. 12:33    Hozzászólás témája:
Hozzászólás az előzmény idézésével
egy buta kérdés :oops: mi a különbség html és xhtml között

Felhasználó profiljának megtekintése Privát üzenet küldése
Istvan
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.03.19. Szerda 16:10
Hozzászólások: 97
Hozzászólás Elküldve: 2008.12.30. 13:37    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Bocs, többet nem irok, vannak okosabbak akik únják leirni azt ami a kezdőknek jól jöhet de egyből felkapják a fejüket ha valaki más ir, s tanárian megszólalnak :D

Felhasználó profiljának megtekintése Privát üzenet küldése
HoremWeb
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.06.18. Vasárnap 1:00
Hozzászólások: 2400
Hozzászólás Elküldve: 2008.12.30. 13:53    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Elég sok, és alapvető. Az XHTML egy újabb szabvány, mondhatni, a HTML5 helyett. Sok szempontból szigorúbb a szintaktikája (nyelvtana), és pontosabban meghatározott, hogy mit hova lehet, hova nem lehet, és hogyan. Így például az inline elemekben nem tűri meg a blokkszintű elemeket, amit a HTML még egyes esetekben elnézett.

Most akkor szeretnéd tudni, gondolom, hogy mi az inline, és mi a blokkszintű elem, igaz?

Az inline elem az, ami egy soron belül is lehet - ilyen például a <i>, <em> (mindkettőt a dőltbetűs kiemelésre használjuk), vagy a <strong><b> (ezek a vastagításra valók) - tehát amikor az első bekezdésben az inline-t írtam, a dőlt betűsre váltás egy inline elem volt.
A blokkszintű elem az, ami önmagában egy szöveg, (kép-, stb.) tömbjére, azaz blokkra utal. A blokkszintű elemeket általában úgy kell elképzelni, hogy egy téglalap (négyzet...) alakú területre vonatkoznak, amin belül több sor lehet. Ebből következik, hogy egy sorban nem lehet ilyen, azaz inline elemen belül nem lehet blokk.
Jellemző erre, amikor egy részletet külön tulajdonságokkal akarsz felruházni. Ha ez "soron belül" van, akkor a <span> tag-et kell használni (akkor is, ha ténylegesen ez több sorra oszlik el). Ha több bekezdésnyi részt akarsz külön tulajdonságokkal felruházni, akkor a <div> használatos.
Ha például egy táblázatot akarsz valahová beilleszteni, akkor a HTML elnézte, hogy azt egy inline elembe tedd bele, de az XHTML ezt már nem tűri. Tehát <span>-ban nem lehet <table>, de <div>-ben lehet. És hasonlóan: <div>-ben lehet <span>, de <span>-ban nem lehet <div>.
Ez akkor tud nagyon megvezetni, ha megnyitsz egy <i> tag-gel egy dőlt betűs részt, és elfelejted lezárni, majd be akarsz tenni egy <div>-et. Ezt az XHTML nem engedi, mert inline <i>-n belül lenne blokkszintű <div>.
Ennek elkerülésére minden tag-et le kell zárni. A HTML-ben megengedett volt, hogy például a <p> bekezdést ne zárd le a végén, mivel úgyis kiderült, hogy a következő <p> előtt vége. (Merthogy nem lehet egy bekezdésen belül egy másik bekezdés.) Az XHTML-ben a </p>-vel kötelező lezárni a bekezdést. Sőt, a nem konténer-típusú elemeket (vagyis azokat, amiknek nincs külön nyitó és lezáró tagja) is le kell zárni, ezért az ilyen elemeket /> jellel kell írni. Néhány példa:

HTML:

Idézet:

<br>
<hr>
<img src="http://enoldalam.hu/kepek/foto.jpg" alt="Ez egy kép" title="Ez a címe a képnek, ami akkor jelenik meg, ha ráviszed az egeret" height="60" width="100">
Ugyanezek XHTML-ben:

Idézet:

<br />
<hr />
<img src="http://enoldalam.hu/kepek/foto.jpg" alt="Ez egy kép" title="Ez a címe a képnek, ami akkor jelenik meg, ha ráviszed az egeret" height="60" width="100" />
Figyeld meg, hogy az XHTML-ben a lezárás előtt mindig van egy szóköz! Ezt egyes böngészők nem követelik meg, de a szabvány igen.

A képnél használtam a title= paramétert, ami egy nagyon hasznos állatfajta! ;) Bármilyen konténer-típusú elemhez meg lehet adni, és buboréksúgóhoz hasonlóan megjelenő szöveget lehet vele az elemhez rendelni. Egyaránt használható inline és blokk-szintű elemhez is.

Az XHTML előnye, hogy egységesebb az értelmezése, és egyértelműbb a kódja. Valamint az, hogy jobban szétválasztja a tartalmat és a kinézetet - ez utóbbit ugyanis kevés kivétellel (ld. a kép méretezése) a CSS-ben kell megadni.

Mivel nem vagyok még otthon az XHTML-ben, lehet, hogy valahol hülyeséget írtam - kérem, hogy aki erre jár és észreveszi, mindenképpen jelezze!

István: nem az a baj, hogyha írsz, hanem arra akartam felhívni a figyelmedet, hogy ha írsz, akkor legyél pontos. Főleg, ha olyannak írsz, aki még nem veheti észre, hogyha pontatlan vagy. Hidd el, nem bántani akartalak!
_________________
Élet, üdv, egészség! - HoremWeb

Kép KEMET = Az Ókori Egyiptom

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
fberci
Adminisztrátor
Adminisztrátor
Avatar

Csatlakozott: 2005.05.28. Szombat 1:00
Hozzászólások: 7388
Hozzászólás Elküldve: 2008.12.30. 14:13    Hozzászólás témája:
Hozzászólás az előzmény idézésével

HoremWeb írta:

Figyeld meg, hogy az XHTML-ben a lezárás előtt mindig van egy szóköz! Ezt egyes böngészők nem követelik meg, de a szabvány igen.
Ez igaz, de pont fordítva. :) A szabvány szerint nem kell szóköz, de azért alakult ki ez a gyakorlat, hogy a csak HTML-t értő böngészők is értelmezni tudják a kódot. Nem tudom ma mennyire van már erre szükség, de a szabvánnyal nem ellentétes, úgyhogy megmaradt (bár lehet, hogy ma is szükséges, mivel szinte az összes XHTML oldal még mindig HTML-ként kerül értelmezésre - ez alól kivétel pl. ez az oldal, de ebből szoktak problémák is adódni, lásd a mai frissítéses témát).

Még egy másik dolog, hogy az XHTML nem igazán a HTML5 helyett van, mivel HTML5 még nincs, az egy későbbi terv, aminek a törekvései másmerre mutatnak (modern webes alkalmazások). Igazából a HTML5-öt csinálhatnák XHTML alapokon is, de nem azt választották. Bár van egy XHTML2 terv is, de azt nem ismerem pontosan.

De egyébként nagyon jó a leírásod.
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
HoremWeb
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.06.18. Vasárnap 1:00
Hozzászólások: 2400
Hozzászólás Elküldve: 2008.12.30. 15:13    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Megint sikerült félreértelmeznem a W3C-n olvasottakat... :D Mármint ami a lezáró rész előtti szóközt illeti. Az XHTML ~ HTML5 párhuzamot kevésbé megbízható helyen olvastam, úgyhogy azon nem csodálkozom.

Köszi!
_________________
Élet, üdv, egészség! - HoremWeb

Kép KEMET = Az Ókori Egyiptom

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Glitterman
Gyakorló phpBB-s
Gyakorló phpBB-s


Csatlakozott: 2008.09.25. Csütörtök 14:56
Hozzászólások: 80
Hozzászólás Elküldve: 2008.12.30. 20:28    Hozzászólás témája:
Hozzászólás az előzmény idézésével
köszönöm a sok kimeritő választ :d fele kinai volt de a lényeget értem :D asszem...

Felhasználó profiljának megtekintése Privát üzenet küldése
HoremWeb
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.06.18. Vasárnap 1:00
Hozzászólások: 2400
Hozzászólás Elküldve: 2008.12.30. 20:59    Hozzászólás témája:
Hozzászólás az előzmény idézésével

Glitterman írta:

... fele kinai ...
Az rossz arány. Eddig úgy tudtam, hogy a föld lakosságának csak egynegyede kínai... :D
_________________
Élet, üdv, egészség! - HoremWeb

Kép KEMET = Az Ókori Egyiptom

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Időzóna: (GMT +1 óra) RSS - hozzászólások
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés