Ebben a bejegyzésben a HTML és a CSS definícióját és funkcióját tárgyaljuk. Megpróbálunk egy olyan lényegretörő összefoglalót adni erről a két nyelvről, amely elősegíti a programnyelvek megismerését, és kicsi, de annál fontosabb részét emeli ki a témának.
A HTML, azaz Hypertext Markup Language (hiperszöveges jelölőnyelv) az a jelölőnyelv, amellyel egy weboldal struktúráját tudjuk megadni. Tulajdonképpen a látható weboldal mögött álló utasításlista. Ezek az utasítások a böngészőnek szólnak, és megadják, hogyan jelenjen meg a weboldalunk. A HTML részei: Címkék (tagek), elemek, attribútumok (jellemzők) és értékek .
Egy adott elem felépítése így néz ki:
<p>Bekezdés</p>
A <p > a kezdőtag (vagy kezdőcímke), a </p> a zárótag vagy zárócímke.
Így tehát egy sima bekezdést kapunk:
Bekezdés
A CSS, azaz Cascading Style Sheets (lépcsőzetes stíluslapok) egy stíluslap, amelynek segítségével a weboldal megjelenését feljeszthetjük. A HTML-elemek stílusát, színét, elhelyezkedését tudjuk beállítani vele.
Például:
p {
text-align: center;
}
Így már egy középre igazított bekezdést kapunk:
Bekezdés
A HTML kódba is bele lehet építeni a stíluselemeket:
<p style=”text-align: center;„>Bekezdés</p>
Itt a style az attribútum, a „text-align: center” pedig az érték, míg maga a Bekezdés szó a tartalom.
Ez a megoldás azonban meglehetősen praktikátlan ahhoz képest, hogy a CSS-el az egész weboldalra vonatkozóan be tudjuk állítani az kívánt stílust.