marți, 13 martie 2012

L8. Atributele tagurilor. Folosirea culorilor in HTML

Atributele tagurilor


Majoritatea tagurilor au si o serie de proprietati care pot fi folosite. Sintaxa completa a tagului <p> este:

<P [ ALIGN=left|center|right]> text [</P>].

Astfel, textului i se poate aplica proprietatea de aliniere stanga, dreapta si centrare, ca si in Word.

Folosirea culorilor in HTML


Mai multe taguri necesita folosirea culorilor:

  • tagul FONT  - care stabileste proprietatile unui sir de caractere

    • <FONT [ SIZE=[+|-]1|2|3|4|5|6|7] [ COLOR="#rrggbb"|"color"] [ FACE="font"]>text</FONT>

    • mareste/micsoreaza fontul implicit; ii atribuie o culoare; forteaza schimbarea fontului implicit cu alt font cunoscut



  • tagul BODY

    • <BODY [ BACKGROUND="adresa_imagine"] [ BGCOLOR="#rrggbb"|"culoare"] [ TEXT="#rrggbb"|"culoare"] [ LINK="#rrggbb"|"culoare"] [ VLINK="#rrggbb"|"culoare"] [ ALINK="#rrggbb"|"culoare"] [ LEFTMARGIN=marg_st] [ TOPMARGIN=marg_top] [ BGPROPERTIES="fixed"]>
      continut document
      </BODY>

    • stabileste o culoare de fundal pentru pagina (BGCOLOR); stabileste culoarea unui link normal, a unui link vizitat sau a unui link activ.




Moduri de aplicare a culorii



  • Se poate folosi denumirea culorii respective (considerata ca si constanta): red, green, blue, yellow, ....

  • In toate cazurile de mai sus se foloseste un cod HEX (amestec de culori rosu/RED, verde/GREEN, albastru/BLUE) sau  Codul HEX este un sir de "cifre" in baza 16 ( 0, 1, 2, ... 9, A (10), B(11), C(12), D(13), E (14), F(15), ) cate doua cifre pentru fiecare din cele trei culori standard.

  • Aceleasi culori se pot stabili si in baza 10 (cod RGB) prin valori intre 0 si 255, pentru fiecare din cele trei culori standard.


Iata, spre exemplu echivalenta culorii HotPink :

  • in HEX: #FF69B4

  • in RGB:

    • culoarea rosie are codul  FF = 15*16+15=255

    • culoarea verde are codul 69 = 6*16+ 9 = 105

    • culoarea albastra are codul B4 = 11 *16 +4 = 180

    • astfel se obtine codul RGB(255, 105, 180) -> HotPink




Codul HTML folosit poate fi:

  • <font size=+5 color="#FF69B4"> HotPink </font> : HotPink

  • <font size=+5 color="HotPink"> HotPink </font> : HotPink


Potrivirea culorilor - Color matching



  • Daca gasiti o culoare minunata sau situl pe care vreti sa il faceti trebuie sa corespunda ca si colorit puteti folosi o aplicatie COLOR PICKER, care sa va stabileasca codul culorii favorite.

  • O alta problema este aspectul sitului dvs din punct de vedere al coloritului. In definitiv, armonia de culoare este primul element de impresie al vizitatorului dvs. A potrivi culoarea textuui cu culoarea de fundal si cu cea a meniului este o problema des dezbatuta  - COLOR MATCHING. Exista situri care se ocupa cu sugestii pornind de la o culoare data.

Un comentariu:

  1. [...] Informatica, pas cu pas Pot sa invat si singur! Home RSS ← Atributele tagurilor. Folosirea culorilor in HTML [...]

    RăspundețiȘtergere