Ultimele subiecte pe forumAcasaCalendarFAQCautareMembriGrupuriInregistrareConectare

[HTML]Despre Culori HTML


Sh4DoW


Mesaje : 61
Data de inscriere : 23/08/2010


Vezi profilul utilizatorului

MesajSubiect: [HTML]Despre Culori HTML Lun Aug 23, 2010 3:09 pm

Despre culori HTML
In aceasta lectie vom vorbi despre culori, mai
precis despre codurile si numele culorilor. Acest curs, asa cum s-a mai
spus, este pentru cei care vor sa invete limbajul HTML intr-un mod cat
mai usor si placut in acelasi timp. De aceea, nu vom intra in foarte
multe detalii si ne vom referi, in cadrul acestei lectii, strict la
modul cum se poate schimba culoarea fondului sau textului unei pagini
web. De asemenea vei gasi in sectiunea a treia a lectiei si un tabel cu
numele si codurile culorilor cele mai folosite.
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 .


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:

Cod:
<BODY BGCOLOR="#FF9900">

vom avea urmatoarea linie:

Cod:
<BODY BGCOLOR="#00FFFF">

Pagina web va deveni: click aici.
Culoarea textului
Culoarea textului in cadrul unei pagini html se poate schimba folosind atributul COLOR (culoare) al tag-ului . 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 . Astfel codul HTML al paginii noastre va fi urmatorul:

Cod:
<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: click aici.
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:
Culoare

Nume culoare

Cod culoare


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

Vezi subiectul anterior Vezi subiectul urmator Sus
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
ScoateDeMetin :: Tutoriale :: Tutoriale HTML(HyperText Markup Language)-
creeaza un forum | © phpBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Creeaza-ti propriul blog gratuit