HTML-szerkesztés kezdőknek!!!
  • cSuwwi
    #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.