AcasaAcasa  CalendarCalendar  FAQFAQ  CautareCautare  MembriMembri  GrupuriGrupuri  InregistrareInregistrare  ConectareConectare  

Distribuiti|

Despre culori HTML » HTML pe intelesul tuturor

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
Administrator

Rank: Administrator
Mesaje : 507
Membru din : 09/12/2012
MesajSubiect: Despre culori HTML » HTML pe intelesul tuturor Joi Dec 13, 2012 5:41 am

Culoarea fondului unei pagini web

Asa
cum am vazut si in lectia precedenta nu trebuie ca fondul paginii tale
sa fie alb. Poti opta pentru ce culoare vrei cu ajutorul atributului BGCOLOR al tag-ului <BODY>.

Tot ce trebuie sa faci este sa cauti in tabelul cu nume si coduri de
culori din cadrul acestei lectii, sa alegi una care-ti place si sa-i
scrii numele sau codul in cadrul atributului BGCOLOR. Sa vedem un exemplu:

Vreau ca pagina mea sa aiba fondul de culoare deschisa. Pentru a ma
decide ma uit la culorile din tabelul cu nume si coduri de culori. Mi-a
atras atentia culoarea aqua care are codul #00FFFF. Acest cod il scriu in locul celui de la lectia 3:

in loc de linia:
<BODY BGCOLOR="#FF9900">
vom avea urmatoarea linie:
<BODY BGCOLOR="#00FFFF">
Pagina web va deveni asa: exemplu6.html

Culoarea textului

Culoarea textului in cadrul unei pagini html se poate schimba folosind atributul COLOR (culoare) al tag-ului <FONT>. De altfel un prim exemplu despre cum putem schimba culoarea textului unei pagini web am vazut in lectia precedenta.

In lectia 3, am ales culorile albastru si rosu pentru text. Sa spunem ca
vrem ca tot textul sa fie scris cu albastru inchis si verde. Atunci in
loc de codul culorii albastru (#0000FF) si respectiv rosu (#FF0000) vom
folosi codul #00008B (albastru inchis) si codul #008000 (verde) in
atributul COLOR al tag-ului <FONT>. Astfel codul HTML al paginii noastre va fi urmatorul:
<HTML>
<HEAD>
<TITLE>Prima mea pagina web</TITLE>
</HEAD>
<BODY BGCOLOR="#00FFFF">
<FONT COLOR="#00008B" SIZE="6">
Bine ai venit!
</FONT><BR>
<HR COLOR="#FF0000" WIDTH="25%" SIZE="5%" ALIGN="left">
<BR>
<FONT COLOR="#008000">
Vom invata impreuna limbajul HTML. Aceasta este prima mea pagina web!
</FONT>
<HR>
</BODY>
</HTML>
Salveaza pagina cu numele de culori.html. Nu uita sa scrii si tu
si sa verifici codul HTML al fiecarui exemplu al acestui curs. Daca nu
ai facut nici o greseala, la exemplul de mai sus, pagina web ar trebui
sa arate astfel:

Nume si coduri de culori sigure

In continuare vom vedea ce
inseamna culori sigure. Sunt acele culori care vor fi afisate de
majoritatea browserele. Daca, de exemplu, pentru fondul paginii tale web
ai folosit o anumita culoare, dar nu ai verificat sa vezi daca aceasta
face parte din culorile sigure, atunci exista posibilitatea ca unii
dintre utilizatorii paginii tale sa vada o cu totul alta culoare.

Sa vedem cele mai importante culori care sunt recunoscute de majoritatea browserelor:


AliceBlue #F0F8FF

AntiqueWhite #FAEBD7

Aqua #00FFFF

Aquamarine #7FFFD4

Azure #F0FFFF

Beige #F5F5DC

Bisque #FFE4C4

Black #000000

BlanchedAlmond #FFEBCD

Blue #0000FF

BlueViolet #8A2BE2

Brown #A52A2A

BurlyWood #DEB887

CadetBlue #5F9EA0

Chartreuse #7FFF00

Chocolate #D2691E

Coral #FF7F50

CornflowerBlue #6495ED

Cornsilk #FFF8DC

Crimson #DC143C

Cyan #00FFFF

DarkBlue #00008B

DarkCyan #008B8B

DarkGoldenRod #B8860B

DarkGray #A9A9A9

DarkGreen #006400

DarkKhaki #BDB76B

DarkMagenta #8B008B

DarkOliveGreen #556B2F

Darkorange #FF8C00

DarkOrchid #9932CC

DarkRed #8B0000

DarkSalmon #E9967A

DarkSeaGreen #8FBC8F

DarkSlateBlue #483D8B

DarkSlateGray #2F4F4F

DarkTurquoise #00CED1

DarkViolet #9400D3

DeepPink #FF1493

DeepSkyBlue #00BFFF

DimGray #696969

DodgerBlue #1E90FF

Feldspar #D19275

FireBrick #B22222

FloralWhite #FFFAF0

ForestGreen #228B22

Fuchsia #FF00FF

Gainsboro #DCDCDC

GhostWhite #F8F8FF

Gold #FFD700

GoldenRod #DAA520

Gray #808080

Green #008000

GreenYellow #ADFF2F

HoneyDew #F0FFF0

HotPink #FF69B4

IndianRed #CD5C5C

Indigo #4B0082

Ivory #FFFFF0

Khaki #F0E68C

Lavender #E6E6FA

LavenderBlush #FFF0F5

LawnGreen #7CFC00

LemonChiffon #FFFACD

LightBlue #ADD8E6

LightCoral #F08080

LightCyan #E0FFFF

LightGoldenRodYellow #FAFAD2

LightGrey #D3D3D3

LightGreen #90EE90

LightPink #FFB6C1

LightSalmon #FFA07A

LightSeaGreen #20B2AA

LightSkyBlue #87CEFA

LightSlateBlue #8470FF

LightSlateGray #778899

LightSteelBlue #B0C4DE

LightYellow #FFFFE0

Lime #00FF00

LimeGreen #32CD32

Linen #FAF0E6

Magenta #FF00FF

Maroon #800000

MediumAquaMarine #66CDAA

MediumBlue #0000CD

MediumOrchid #BA55D3

MediumPurple #9370D8

MediumSeaGreen #3CB371

MediumSlateBlue #7B68EE

MediumSpringGreen #00FA9A

MediumTurquoise #48D1CC

MediumVioletRed #C71585

MidnightBlue #191970

MintCream #F5FFFA

MistyRose #FFE4E1

Moccasin #FFE4B5

NavajoWhite #FFDEAD

Navy #000080

OldLace #FDF5E6

Olive #808000

OliveDrab #6B8E23

Orange #FFA500

OrangeRed #FF4500

Orchid #DA70D6

PaleGoldenRod #EEE8AA

PaleGreen #98FB98

PaleTurquoise #AFEEEE

PaleVioletRed #D87093

PapayaWhip #FFEFD5

PeachPuff #FFDAB9

Peru #CD853F

Pink #FFC0CB

Plum #DDA0DD

PowderBlue #B0E0E6

Purple #800080

Red #FF0000

RosyBrown #BC8F8F

RoyalBlue #4169E1

SaddleBrown #8B4513

Salmon #FA8072

SandyBrown #F4A460

SeaGreen #2E8B57

SeaShell #FFF5EE

Sienna #A0522D

Silver #C0C0C0

SkyBlue #87CEEB

SlateBlue #6A5ACD

SlateGray #708090

Snow #FFFAFA

SpringGreen #00FF7F

SteelBlue #4682B4

Tan #D2B48C

Teal #008080

Thistle #D8BFD8

Tomato #FF6347

Turquoise #40E0D0

Violet #EE82EE

VioletRed #D02090

Wheat #F5DEB3

White #FFFFFF

WhiteSmoke #F5F5F5

Yellow #FFFF00

YellowGreen #9ACD32
Sus In jos
Vezi profilul utilizatorului http://resurse-cs.taro.tv
Membru

Rank: Membru
Mesaje : 305
Membru din : 05/01/2013
Varsta : 20
Localizare : Medigidia
MesajSubiect: Re: Despre culori HTML » HTML pe intelesul tuturor Mar Ian 08, 2013 2:34 am

Frumos ..
Bravo pentru munca depusa !



Daca te descurci bine ai un de la mine ! .



[img]
Sus In jos
Vezi profilul utilizatorului

Despre culori HTML » HTML pe intelesul tuturor

Vezi subiectul anterior Vezi subiectul urmator Sus
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: » Resurse Cs - Web« ::  :: Tutoriale HTML-