A mai nap a bekezdésekről és a linkekről fogunk beszélni.
Bekezdések:
- Mire is jó az? - A szövegrészek elkülönítéséhez használjuk. Később, ha a CSS-hez érünk, fontos szerepe lesz.
Jöjjön egy példa:
<html>
<body>
<p>Ez egy bekezdés</p>
<p>Ez meg egy másik</p>
</body>
</html>
Ezt kell látnod:
Elemzés:
<p> - a bekezdés nyitótag-je
</p> - a bekezdés zárótag-je
FONTOS! Akkor használd a bekezdéseket, hogyha egy oldalt fel akarsz osztani. Pont mint egy fogalmazásnál. Lehetőleg minden szöveg bekezdésekben legyen.
A bekezdések részhez tartozik még:
</br> Sortörés
<html>
<body>
<p>Ez a szöveg itt </br> lesz "sortörve"</p>
</body>
</html>
Így néz ki:
FONTOS! A forráskódban a formázás nem biztos, hogy a böngészőben is úgy jelenik meg.
Példa:
<hmtl>
<body>
<p>Ez a szöveg
nem így fog megjelenni
a böngészőben</p>
</body>
</html>
Hanem így:
Most pedig a linkek következnek.
Ezt kell látnod:
Elemzés:
<a> - a link nyitótag-je
href - a link helyét határozza meg (ahová a link mutat)
# - ha ezt írjuk be a href "értékének", akkor a link kattintható lesz, de nem csinál semmit
</a> - a link zárótag-je
Az a tag-hez tartozik még:
<target> - attribútum.
Ha értékének "_blank"-ot adunk meg, akkor a link külön ablakban nyílik meg
<a href="#" target="_blank">Ez egy link, ami külön ablakban nyílik meg.</a>
Ha értékének "_top"-ot adunk meg, akkor a link a jelenlegi oldal "helyén" nyílik meg.
<a href="#" target="_top">Ez egy link, ami külön ablakban nyílik meg.</a>
<name> - attribútum.
Ezzel az oldalon belül hozhatunk létre hivatkozásokat.
<a name="ide">Ide fogunk érkezni</a>
<a href="#ide">Erre kell kattintani, hogy oda érkezzünk</a>
Tegyük fel, hogy van egy nagyon hosszú weboldalunk. Az első sort berakjuk az oldal elejére, a másodikat pedig a végére. Az oldalt olvasó leért az oldal aljára. Rákattint a linkre és az oldal tetejére ugrik.
kép használata linkeknél - majd ha a képek leckéhez értünk részletesen fogunk róla beszélni. Addig is a példa:
<a href="#"><img src="kép.gif"></a>
e-mail link - akkor használjuk, amikor azt szeretnénk, ha az e-mail címre kattintva az alapértelmezett levelezőprogram nyíljon meg.
<a href="mailto:email@cim.hu">Küldj egy e-mail-t!</a>
A bekezdések részhez tartozik még:
</br> Sortörés
<html>
<body>
<p>Ez a szöveg itt </br> lesz "sortörve"</p>
</body>
</html>
Így néz ki:
Példa:
<hmtl>
<body>
<p>Ez a szöveg
nem így fog megjelenni
a böngészőben</p>
</body>
</html>
Hanem így:
Most pedig a linkek következnek.
Egy weboldal általában hivatkozásokból épül fel. Például ha egy oldalon egy menüpontra kattintunk, akkor az az egy másik oldalra hivatkozik.
- Mikor használjuk? - Akkor, ha más oldalra szeretnénk jutni.
Példa:
<html>
<body>
<a href="#">Ez egy link.</a>
</body>
</html>
Ezt kell látnod:
Elemzés:
<a> - a link nyitótag-je
href - a link helyét határozza meg (ahová a link mutat)
# - ha ezt írjuk be a href "értékének", akkor a link kattintható lesz, de nem csinál semmit
</a> - a link zárótag-je
Az a tag-hez tartozik még:
<target> - attribútum.
Ha értékének "_blank"-ot adunk meg, akkor a link külön ablakban nyílik meg
<a href="#" target="_blank">Ez egy link, ami külön ablakban nyílik meg.</a>
Ha értékének "_top"-ot adunk meg, akkor a link a jelenlegi oldal "helyén" nyílik meg.
<a href="#" target="_top">Ez egy link, ami külön ablakban nyílik meg.</a>
<name> - attribútum.
Ezzel az oldalon belül hozhatunk létre hivatkozásokat.
<a name="ide">Ide fogunk érkezni</a>
<a href="#ide">Erre kell kattintani, hogy oda érkezzünk</a>
Tegyük fel, hogy van egy nagyon hosszú weboldalunk. Az első sort berakjuk az oldal elejére, a másodikat pedig a végére. Az oldalt olvasó leért az oldal aljára. Rákattint a linkre és az oldal tetejére ugrik.
kép használata linkeknél - majd ha a képek leckéhez értünk részletesen fogunk róla beszélni. Addig is a példa:
<a href="#"><img src="kép.gif"></a>
e-mail link - akkor használjuk, amikor azt szeretnénk, ha az e-mail címre kattintva az alapértelmezett levelezőprogram nyíljon meg.
<a href="mailto:email@cim.hu">Küldj egy e-mail-t!</a>
Nincsenek megjegyzések:
Megjegyzés küldése