HTML-szerkesztés kezdőknek!!!
-
#1537
Az alapokkal azért nem ártana tisztában lenni...
<a href="xxxxxxx.html" target=lent>xxxxxx</A>
- vagy kis tagokat használj, vagy nagyokat, ne vegyesen. igazából mindegy, de jobb, ha egyfélék, átláthatóbb
- ha a hrefnél idézőjeleket használsz, akkor a targetnél sem ártana, bár ez is lényegtelen, de inkább így szokd meg
<!--
body {TEXT-ALIGN: justify}
A {SIZE: 14px; COLOR: #ffffff; TEXT-DECORATION: none}
A {SIZE: 14px; COLOR: #222222; TEXT-DECORATION: none}
A webforce {SIZE: 24px; COLOR: #222222; TEXT-DECORATION: none}
A:visited {SIZE: 24px; COLOR: #222222}
A:hover {SIZE: 24px; COLOR: #442222; TEXT-DECORATION: none}
A:active {SIZE: 24px; COLOR: #ee0000}
-->
Az 1. sor azt csinálja, hogy sorkizárt lesz az egész szöveg, szerintem felesleges egyenlőre.
Itt a 2. és 3. sornak nincs értelme, mert 2x ugyanazt állítottad be. Az a-s tagok (vagyis a linkek) előszőr fehérek, aztán szürkék. Miért?
Továbbá a 4. sornak nincs értelme, szerintem lemaradt egy pont a webforce elől, úgy lenne esetleg jó:
A.webforce {SIZE: 24px; COLOR: #222222; TEXT-DECORATION: none}
Egy CSS-es link stílus így néz ki:
a.tune:active { }
az első része, (a) a html tagra vonatkozik, hogy melyikhez használja
a pont és a kettőspont közötti rész egy azonosító (nem kötelező, elhagyható)
a harmadik része, hogy melyik akcióra mit csináljon (pl. egér rávitel, rákattintás, stb)
a webforce esetében, egy azonosítóval ellátott 'a' tag van.
azonosítóra a class="azonosító" taggal lehet hivatkozni.
pl. <a href="akarmi.html" target="center" class="webforce">akarmi</a>
akkor van értelme használni, ha több különféle stílus is lesz az oldalon. Ha csak egy, akkor szokták elhagyni. Jelen esetben, csak 1 van, vagyis minden a-s tagra érvényes lesz.
A visited általában nem szükséges.
Igy néz ki a helyes kód:
<html>
<head>
<style type="text/css">
<!--
A {SIZE: 14px; COLOR: #222222; TEXT-DECORATION: none}
A:visited {SIZE: 24px; COLOR: #222222; TEXT-DECORATION: none}
A:hover {SIZE: 24px; COLOR: #442222; TEXT-DECORATION: none}
A:active {SIZE: 24px; COLOR: #ee0000; TEXT-DECORATION: none}
-->
</style>
<meta name="blabla" content="blablabla">
<title>
Title goes here
</title>
</head>
<p align="right">
<body bgcolor="000000">
<a href="xxxxxxx.html" target="lent">xxxxxx</a><br><br>
<a href="xxxx.html" target="lent">xxxxxx</a><br><br>
<a href="xxxx.html" target="lent">xxxxxx</a><br><br>
<a href="xxxx.html" target="lent">xxx</a><br><br>
<a href="xxxxx.html" target="lent">xxxxx</a><br><br>
<a href="xxxxx.html" target="lent">xxxxxxx</a><br><br>
<a href="xxxxxxxx.html" target="lent">xxxx</a><br><br>
<a href="xxxxxx.html" target="lent">xxxxxxxxxx</a><br><br>
<a href="xxxxxxx.html" target="lent">xxxxxxxx</a>
</p>
</font>
</body>
</html>
csak nagyon sötét, alig látni valamit.