HTML és CSS – az alapok

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.

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük