Scribd Logo
Upload

Welcome to Scribd!

  • HTML 3 - Dodavanje Boja

    Uploaded by

    Jelena
    10 views7 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views7 pages

    HTML 3 - Dodavanje Boja

    Uploaded by

    Jelena

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    Dodavanje boja

    Obično je tekst ispisan crnim slovima na beloj pozadini. Međutim, kao što vrlo dobro znamo, na
    Web stranicama se pozadina i tekst mogu pojaviti u čitavom spektru boja. Da bi to postigli potrebno
    je dodati još neka objašnjenja u okviru našeg <body> taga. Dodatna objašnjenja HTML taga
    nazivaju se atributi. Atributi se unose u početni tag i služe da detaljnije opišu dati tag.

    Na primer, ako želimo promijeniti boju pozadine u žutu tada ćemo unutar <body> taga dodati:

    <body bgcolor="#ffff00">

    ili:

    <body bgcolor="yellow">

    što daje isti krajnji efekat.

    Dakle, vidimo da se boja pozadine određuje bgcolor atributom koji je deo <body> taga. Posle
    svakog atributa se stavlja znak jednakosti koji služi za dodelu vrednosti datom atributu, a vrednost
    atributa se obvezno stavlja između znakova navoda.

    Što se tiče označavanja boja, iz gornjeg primera vidimo da se boje mogu definisati na dva načina: ili
    preko naziva boje (npr."yellow"), ili preko heksadecimalne RGB vrijednosti ispred koje obavezno
    treba staviti simbol # (npr. #ffff00).

    Kod kreiranja Web stranica možemo koristiti tabelu boja sa njihovim nazivima i heksadecimalnim
    kodom. Boje su poređane po abecednom redu, a kad nam se neka boja dopadne kopirajmo (copy)
    njen kod (rrggbb vrednost) na našu Web stranicu.

    Boja teksta se odredjuje text atributom. Ako želimo da naša stranica ima zelena slova na žutoj
    pozadini stavićemo:

    <body bgcolor=“#ffff00“ text=“#008000“>

    Ono što HTML čini izuzetnim, i što je uslovilo njegovu veliku popularnost jesu tzv. Linkovi.
    Linkovi u HTML dokumentu su one reči koje se pojavljuju u drugoj boji i podvučene su radi lakšeg
    uočavanja, a omogućavaju vam da se jednim klikom miša nađemo na nekom sasvim drugom sajtu
    koji se može nalaziti i na drugom kraju sveta.

    Kad dovedemo pokazivač miša iznad linka desiće se dve stvari: pokazivač miša će se pretvoriti u
    ruku sa ispruženim prstom (što simbolično govori da tu možete kliknuti), a sam link će promijeniti
    boju (obično u crvenu, ako drugačije ne definišemo).

    Osim toga boja linkova koje smo već posjetili biće drugačija od ostalih linkova, kako bi imali
    orijentaciju što smo već vidjeli, a što nam još ostaje da posjetimo.

    Boje linkova se mogu definisati pomoću tri atributa: link, vlink i alink. Na primjer, ako želimo da
    na našim Web stranicama linkovi budu plavi, posećeni linkovi ljubičasti, a aktivni linkovi crveni
    stavimo:

    <body link=“#0000ff“ vlink=“#ee82ee“ alink=“#ff0000“>


    Sve ove atribute možemo i izostaviti ako želimo da browser koristi vrijednosti koje su definisane po
    default-u. U Internet Exploreru pozadina je po default-u bela, tekst crn, linkovi plavi, posećeni
    linkovi maslinasto-zeleni, a aktivni linkovi crveni. Ako nam se sviđa ova šema boja, nemojmo ništa
    menjati.

    Međutim, šta ako nismo zadovoljni jednobojnom pozadinom, vec želimo imati bogato ukrašenu
    pozadinu kakve često srećemo na Web stranicama. U tom slučaju moramo staviti kao pozadinu
    neku sliku u JPEG ili GIF formatu. Ovo su obično male sličice koje se brzo učitavaju i „tajluju“
    (ređaju poput pločica , eng. Tile). Ove pozadine (eng. Background) možemo pronaći u raznim
    kolekcijama WEB grafike širom Interneta, a možemo i „usnimiti“ pozadinu sa Web stranica koja
    nam se dopadne. To se postiže na sledeći način:

    Kada na nekoj stranici ugledamo pozadinu koja nam se dopada i poželite je sačuvati na svom hard
    disku, kliknemo desnom tipkom miša na bilo koji deo pozadine te stranice i iz priručnog menija
    koji se pojavi odaberemo opciju Save Background As. Odaberemo folder u kojem ćemo čuvati
    odabrane pozadine i damo toj pozadini odgovarajuće ime (npr. Pozadina1.jpg ili pozadina2.gif).

    Kada ste odabrali pozadinu koju želimo staviti na našu Web stranicu, prvi korak je da taj fajl
    prekopiramo u folder u kom se nalazi i naša prezentacija. Slika i HTML dokument ne moraju
    obavezno biti u istom folderu ali tako je jednostavnije. Sad još samo preostaje da u našem HTML
    dokumentu tj. Njegovom body tagu upišemo odgovarajući atribut. Atribut se u ovom slučaju zove
    background i bilo bi poželjno da ga ne pomešate sa atributom bgcolor koji definiše samo boju
    pozadine.
    Na primer, ako želimo da kao pozadinu stavite sliku „pozadina1.jpg“ tada će body tag izgledati
    ovako:

    <body background=“pozadina1.jpg“>

    Tabela boja
    Napomena! Oznaka „0“ u heksadecimalnoj vrednosti nije slovo „O“ nego broj „NULA“ !

    #ffffff #ffccff #ff99ff #ff66ff #ff33ff #ff00ff

    #ccffff #ccccff #cc99ff #cc66ff #cc33ff #cc00ff

    #99ffff #99ccff #9999ff #9966ff #9933ff #9900ff

    #66ffff #66ccff #6699ff #6666ff #6633ff #6600ff

    #33ffff #33ccff #3399ff #3366ff #3333ff #3300ff

    #00ffff #00ccff #0099ff #0066ff #0033ff #0000ff

    #ffffcc #ffcccc #ff99cc #ff66cc #ff33cc #ff00cc

    #ccffcc #cccccc #cc99cc #cc66cc #cc33cc #cc00cc

    #99ffcc #99cccc #9999cc #9966cc #9933cc #9900cc


    #66ffcc #66cccc #6699cc #6666cc #6633cc #6600cc

    #33ffcc #33cccc #3399cc #3366cc #3333cc #3300cc

    #00ffcc #00cccc #0099cc #0066cc #0033cc #0000cc

    #ffff99 #ffcc99 #ff9999 #ff6699 #ff3399 #ff0099

    #ccff99 #cccc99 #cc9999 #cc6699 #cc3399 #cc0099

    #99ff99 #99cc99 #999999 #996699 #993399 #990099

    #66ff99 #66cc99 #669999 #666699 #663399 #660099

    #33ff99 #33cc99 #339999 #336699 #333399 #330099

    #00ff99 #00cc99 #009999 #006699 #003399 #000099

    #ffff66 #ffcc66 #ff9966 #ff6666 #ff3366 #ff0066

    #ccff66 #cccc66 #cc9966 #cc6666 #cc3366 #cc0066

    #99ff66 #99cc66 #999966 #996666 #993366 #990066

    #66ff66 #66cc66 #669966 #666666 #663366 #660066

    #33ff66 #33cc66 #339966 #336666 #333366 #330066

    #00ff66 #00cc66 #009966 #006666 #003366 #000066

    #ffff33 #ffcc33 #ff9933 #ff6633 #ff3333 #ff0033

    #ccff33 #cccc33 #cc9933 #cc6633 #cc3333 #cc0033

    #99ff33 #99cc33“ #999933 #996633 #993333 #990033

    #66ff33 #66cc33 #669933 #666633 #663333 #660033

    #33ff33 #33cc33 #339933 #336633 #333333 #330033

    #00ff33 #00cc33 #009933 #006633 #003333 #000033

    #ffff00 #ffcc00 #ff9900 #ff6600 #ff3300 #ff0000

    #ccff00 #cccc00 #cc9900 #cc6600 #cc3300 #cc0000

    #99ff00 #99cc00 #999900 #996600 #993300 #990000

    #66ff00 #66cc00 #669900 #666600 #663300 #660000


    #33ff00 #33cc00 #339900 #336600 #333300 #330000

    #00ff00 #00cc00 #009900 #006600 #003300 #000000

    Boja Naziv boje rrggbb vrijednost


    aliceblue F0 F8 FF
    antiquewhite FA EB D7
    aqua 00 FF FF
    aquamarine 7F FF D4
    azure F0 FF FF
    beige F5 F5 DC
    bisque FF E4 C4
    black 00 00 00
    blanchedalmond FF EB CD
    blue 00 00 FF
    blueviolet 8A 2B E2
    brown A5 2A 2A
    burlywood DE B8 87
    cadetblue 5F 9E A0
    charteuse 7F FF 00
    chocolate D2 69 1E
    coral FF 7F 50
    cornflowerblue 64 95 ED
    cornsilk FF F8 DC
    crimson DC 14 3C
    cyan 00 FF FF
    darkblue 00 00 8B
    darkcyan 00 8B 8B
    darkgoldenrod B8 86 0B
    darkgray A9 A9 A9
    darkgreen 00 64 00
    darkkhaki BD B7 6B
    darkmagenta 8B 00 8B
    darkolivegreen 55 6B 2F
    darkorange FF 8C 00
    darkorchid 99 32 CC
    darkred 8B 00 00
    darksalmon E9 96 7A
    darkseagreen 8F BC 8F
    darkslateblue 48 3D 8B
    darkslategray 2F 4F 4F
    darkturquoise 00 CE D1
    darkviolet 94 00 D3
    deeppink FF 14 93
    deepskyblue 00 BF FF
    dimgray 69 69 69
    dodgerblue 1E 90 FF
    firebrick B2 22 22
    floralwhite FF FA F0
    forestgreen 22 8B 22
    fuchsia FF 00 FF
    gainsboro DC DC DC
    ghostwhite F8 F8 FF
    gold FF D7 00
    goldenrod DA A5 20
    gray 80 80 80
    green 00 80 00
    greenyellow AD FF 2F
    honeydew F0 FF F0
    hotpink FF 69 B4
    indianred CD 5C 5C
    indigo 4B 00 82
    ivory FF FF F0
    khaki F0 E6 8C
    lavender E6 E6 FA
    lavenderblush FF F0 F5
    lawngreen 7C FC 00
    lemonchiffon FF FA CD
    lightblue AD D8 E6
    lightcoral F0 80 80
    lightcyan E0 FF FF
    lightgoldenrodyellow FA FA D2
    lightgreen 90 EE 90
    lightgrey D3 D3 D3
    lightpink FF B6 C1
    lightsalmon FF A0 7A
    lightseagreen 20 B2 AA
    lightskyblue 87 CD FA
    lightslategray 77 88 99
    lightsteelblue B0 C4 DE
    lightyellow FF FF E0
    lime 00 FF 00
    limegreen 32 CD 32
    linen FA F0 E6
    magenta FF 00 FF
    maroon 80 00 00
    mediumaquamarine 66 CD AA
    mediumblue 00 00 CD
    mediumorchid BA 55 D3
    mediumpurple 93 70 DB
    mediumseagreen 3C B3 71
    mediumslateblue 7B 68 EE
    mediumspringgreen 00 FA 9A
    mediumturquoise 48 D1 CC
    mediumvioletred C7 15 85
    midnightblue 19 19 70
    mintcream F5 FF FA
    mistyrose FF E4 E1
    navajowhite FF DE AD
    navy 00 00 80
    oldlace FD F5 E6
    olive 80 80 00
    olivedrab 6B 8E 23
    orange FF A5 00
    orangered FF 45 00
    orchid DA 70 D6
    palegoldenrod EE E8 AA
    palegreen 98 FB 98
    paleturquoise AF EE EE
    palevioletred DB 70 93
    papaawhip FF EF D5
    peachpuff FF DA B9
    peru CD 85 3F
    pink FF C0 CB
    plum DD A0 DD
    powderblue B0 E0 E6
    purple 80 00 80
    red FF 00 00
    rosybrown BC 8F 8F
    royalblue 41 69 E1
    saddlebrown 8B 45 13
    salmon FA 80 72
    sandybrown F4 A4 60
    seagreen 2E 8B 57
    seashell FF F5 EE
    sienna A0 52 2D
    silver C0 C0 C0
    skyblue 87 CE EB
    slateblue 6A 5A CD
    snow FF FA FA
    springgreen 00 FF 7F
    steelblue 46 82 B4
    tan D2 B4 8C
    teal 00 80 80
    thistle D8 BF D8
    tomato FF 63 47
    turquoise 40 E0 D0
    violet EE 82 EE
    wheat F5 DE B3
    white FF FF FF
    whitesmoke F5 F5 F5
    yellow FF FF 00
    yellowgreen 9A CD 32

    You might also like