A mai leckében folytatjuk tovább az elméleti ismereteinket.
Először is beszéljünk az attribútumokról.
- Mit is jelent? - az attribútum egy tulajdonság, mely egy elemhez hozzá tartozik.
- Mire is jó ez? - a későbbiek folyamán rengetegszer lesz ár szükségünk. Ezek segítségével fogunk képeket, linkeket (stb...) "beszúrni", ráadásul a CSS használatához is elengedhetetlen
Jöjjön egy gyors példa:
<html>
<body>
<a href = "#">Ez egy link</a>
</body>
</html>
És akkor elemezzünk:
Amit már az előző leckében elemeztünk:
<html> - ez a tag foglalja magába az egész oldalt.
<body> - ez pedig az oldal "törzse", vagyis az a része, amit az oldalon látsz.
<body> - ez pedig az oldal "törzse", vagyis az a része, amit az oldalon látsz.
És ami számunkra még új:
Az <a> tag meghatároz egy linket, míg a href attribútum a link helyét határozza meg (az oldalt, ahova a link mutat).
FONTOS megemlítenem, hogy a későbbiekben sokszor fogjuk használni linkeknél a # "címet". Ha ezt használjuk, akkor kattintáskor nem történik semmi. A link az alap oldalra (aminek a forráskódjába be van írva) mutat.
Ha a későbbiekben fogunk új attribútumokkal találkozni, de mindent a maga idejében.
A másik témánk pedig a címek, "fejezetcímek".
- Mit is jelent? - Majd ha később, a CSS részhez érünk, akkor lesz igazán fontos, de addig csak a weboldal formázásához fogjuk használni.
- Mire is jó ez? - A főbb címeknek, fejezetcímeknek adhatunk méretet.
- Milyen méretet? - Alapból 6 cím méret van. Ezeket majd mindjárt megnézzünk.
Nézzünk meg egy példát:
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
Így kell kinéznie (ezt kell látod a böngészőben):
Elemzés:
Most már csak az újakat írom le. Ha valami nem ismerős, keress vissza az előző leckékben.
A mostani példánkban csak a címek az újak.
A <h1> tag a legnagyobb, a <h2> kicsit kisebb és így tovább...
Nem is volt bonyolult ugye?
Ehhez a leckéhez tartoznak még:
<hr/> - vízszintes vonal.
Példa:
<html>
<body>
<h1>Ez egy cím 1</h1>
<hr/>
<h1>Ez is egy cím 1</h1>
</body>
</html>
Ezt kell látnod:
FONTOS! Ennek a tag-nek nincsen nyitó tagja.
Ha valamit meg akarsz jeleníteni a forráskódban, de a weboldalon nem, akkor azt így teheted meg:
<!--Ide írod a szöveget, kommentet-->
Tehát a <!-- után beírod a kommentet és a --> ezzel pedig lezárod. Ha így teszel, akkor ez nem fog megjelenni az oldalon, de a forráskódban igen.
Mára legyen elég ennyi. Egyébként már a w3-as leckékből tudjátok az első hetet. Hurrá.
Nincsenek megjegyzések:
Megjegyzés küldése