Scribd Logo
Upload

Welcome to Scribd!

  • HTML CSS Kódolási Gyűjtemény

    Uploaded by

    Zsombor
    52 views4 pages
    Thxxd

    Original Title

    HTML_CSS_kódolási_gyűjtemény

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Thxxd

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    52 views4 pages

    HTML CSS Kódolási Gyűjtemény

    Uploaded by

    Zsombor
    Thxxd

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    HTML és CSS gyakorlati vizsgához kódolási gyűjtemény

    CSS fájl (stílus ) fájl csatolása  <link rel="stylesheet" type="text/css" href="fájl_neve.ccs"/>

    Megnevezés HTML CCS


    Böngésző címsora <title> szöveg </title> ------
    Nyelv megadása <head lang=”hu”> szöveg </head> ------
    vagy új szabványokban
    <html lang=”hu”> szöveg </html>
    Dokumentum háttérszín body{ background-color: színkód; }
    Dokumentum betű színe body{ color: színkód; }
    Dokumentum háttérképe body{ background-imager: url(’kép fájl’); }
    Bekezdés <p> szöveg </p> ------
    Sortörés <br> szöveg ------
    Egyes címsor <h1> szöveg </h1> ------
    Keret/szakasz <div> szöveg </div> ------
    Igazítás p{ text-align: …; }
    h1{ text-align: …; }
    img{ text-align: …; }
    Betűtípus font-family: betűtípus ;
    Betűszín color: színkód;
    Betűméret font-size:számpx VAGY
    font-size:számpt
    Félkövér <b> szöveg </b> font-weight: bold;
    Dőlt <i> szöveg </i> font-style: italic;
    Aláhúzott <u> szöveg </u> text-decoration: underline;
    Felső index <sup> szöveg </sup> ------
    Alsó index <sub> szöveg </sub> ------
    Áthúzott <strike> szöveg </strike> ------
    HTML és CSS gyakorlati vizsgához kódolási gyűjtemény

    Megnevezés HTML CCS


    kiskapitális font-variant: small-caps;
    nagybetűs text-tranforms: uppercase;
    vízszintes vonal beszúrása <hr>
    Számozatlan felsorolás <ul >
    <li> szöveg </li> ------
    </ul>
    Számozott felsorolás <ol >
    <li> szöveg </li> ------
    </ol>
    Kezdőérték beállítás <ol start=”…”> … </ol> ------
    Felsorolás kép beszúrása ul{ list-style-image: url(” …. ”); }
    Kép felirat és kép felirat < img src=”kép_fáljneve.jpg” title=”szöveg”
    alt=”szöveg” />
    Szélesség width: érték;
    Magasság heigth= érték;
    Margó ------ margin: érték;
    Belső margó ----- padding: érték;
    úszás jobbra (balra) ------ float: right (left);
    HTML és CSS gyakorlati vizsgához kódolási gyűjtemény

    Megnevezés HTML CCS


    Táblázat egy sor <table>
    <tr> szöveg </tr> ------
    </table>
    Táblázat első sor fejléce <table>
    Táblázat egy cellája <tr>
    <th> szöveg <th>
    ------
    <td> szöveg <td>
    </tr>
    </table>
    Szegély színe {border-color: … VAGY border: … }
    Szegély mérete {border-width: szám VAGY border: … }
    Táblázat cellamargó <table cellpadding=”…”> ------
    Táblázat cellaköz <table cellspacing =”…”> ------
    Oszlopok összevonása <td colspan=”…”> …</td> ------

    Sorok összevonása <td rowspan=”…”> …</td> ------


    Hivatkozás <a href=”valami”> … </a>
    Valami:
    • htm
    • kép
    • weboldal címe
    HTML és CSS gyakorlati vizsgához kódolási gyűjtemény

    Megnevezés HTML CCS


    Linkek formázása a link minden állapotában:
    a{ }
    mindegyiket tudjuk a CSS a még nem látogatott link:
    legtöbb tulajdonságával a:link{ }
    formázni együtt is és külön is a már meglátogatott link:
    (pl. szín, háttér, a:visited{ }
    betűtípus, …) a kurzor alatti link:
    a:hover{ }
    a kattintás pillanatában a link:
    a:active{ }
    aláhúzás legyen
    aláhúzás ne legyen … { text-decoration: underline; }
    … { text-decoration: none; }

    You might also like