|
|
| Färger |
|---|
| Namnge färg | Ska man namnge färger så får man nöja sig med en palett på 16 färger. |
|---|
| Nämligen |
|---|
| black | maroon | green | olive | navy | purple | teal | gray |
| silver | red | lime | yellow | blue | fuchsia | aqua | white | |
| Vill man använda 256 färger måste man ange RGB-värdet. Dvs. man blandar rött, grönt och blått.
Detta värde anges i det hexadecimala talsystemet även kallat Hex.
Man inleder alltid en hexadecimal färgspecifikation med tecknet #.
Där anger man i tur och ordning hur mycket rött, grönt och blått som skall finnas i färgen.
Tex. rött blir "#FF0000", Glöm ej att citat tecknet ("") skall omge värdet.
Det går även att välja på 16 581 375 färger men det struntar vi i för denna gång. |
| Att ge färg åt bakgrund och text |
|---|
| <BODY BGCOLOR="RED" TEXT="#FFFF00"> |
Attributen BGCOLOR och TEXT måste finnas i BODY-taggen.
I detta fallet blir bakgrunden röd och texten gul. Det skulle här gå lika bra att ange TEXT
värdet "yellow". |
|---|
| Ändra färg på Länkarna | Här finns det tre attribut till BODY-taggen. |
|---|
| LINK | Färg på länk som inte har använts |
|---|
| VLINK | Färg på länk som har använts |
|---|
| ALINK | Färg som länken skall ha just i klickögonblicket |
|---|
| Textformateringstaggar
|
|---|
| <NOBR></NOBR> | Texten mellan taggarna kommer inte att radbrytas. |
|---|
| <WBR> | Detta gör en radbrytning trots att man skrivit in NOBR. |
|---|
| <U></U> | Gör texten understruken. |
|---|
| <STRIKE></STRIKE> | Låter en linje gå igenom texten. |
|---|
| <SUP></SUP> | Skriver ut texten i exponent-form. Bra för matematiker. |
|---|
| <SUB></SUB> | Skriver ut texten i index-form. Också bra för matematiker. |
|---|
| <BLINK></BLINK> | Låter texten mellan taggarna blinka. Inte särskilt bra! |
|---|
| <CENTER></CENTER> | Detta centrerar (nästan vad som helst) det som finns mellan taggarna. |
|---|
| <HR> | Detta gör en horisontell tredimentionell avgränsarlinje. Vanligtvis är en HR-linje en bildpunkt hög. Men med attributet SIZE Kan man göra den högre. Bredden går också att justera med attributet WIDTH. För sido justering använder man atributet ALIGN. Giltiga värden är LEFT, RIGHT och CENTER. Om man inte tycker om 3D-effekten så ta bort den med attributet NOSHADE och få ett solitt svart streck. |
|---|
| <BASEFONT></FONT> | Här ställer man standard storleken på brödtexten med hjälp av
attributet SIZE. Det finns storlek 1-7. Därefter kan man göra texten större eller mindre inuti texten med hjälp av taggen FONT.
Den skall naturligtvis också ha attributet SIZE.
Tex. <BASEFOT SIZE=5> sedan kan man förstora texten till storlek 6 genom att skriva <FONT SIZE=+1> den förstorade texten </FONT> och tillbaka till storlek 5. Man kan även ändra teckensnitten genom att ge attributet FACE till FONT.
Tex. <FONT FACE="ariel"> ariel text </FONT> Tänk på att för att surfaren ska kunna se dina olika teckensnitt så måste surfaren ha dessa teckensnitt installerade på sin egen dator. |
|---|
| <FONT COLOR="kod"> | Här anger man färgen på texten framtills slut taggen kommer. |
|---|
| <MULTICOL><MULTICOL> | Här hamnar texten i kolumner som i en morgontidning. |
|---|
| Det finns några attribut till detta som är obligatoriska |
|---|
| COLS | Anger hur många kolumner som skall visas. |
|---|
| GUTTER | Denna kan man faktiskt kan hoppa över. Den anger hur många bildpunkter med tomrum som ska finnas mellan kolumnerna. |
|---|
|
Utökade bildmöjligheter |
|---|
Två viktiga attribut är WIDHT och HEIGHT som anger bildens dimensioner. ALIGN kan även ta attributen TEXTTOP, ABSMIDDLE, BASELINE och ABSBOTTOM. Detta utökar möjligheterna att på verka textens placering i förhållandet till bilderna.
VSPACE (vertikalt) och HSPACE (hotisontellt) attributen bestämmer hur mycket tomrum det skall finnas runt bilderna i pixlar räknat. BORDER anger om det
skall finnas en kant runtom bilden. Attributet sätts till kantens bredd i bildpunkter räknat. Alla bildlänkar har automatiskt en kant med länkens färg för att se att bilden är en länk. Men om bilden ser ut som en knapp vill man oftast inte ha någon kant runt den. Detta ordnas lätt med hjälp av BORDER=0. |
| Smartare listor |
|---|
| Oordnadelistor | LI har ett nytt attribut TYPE. Detta kan sättas till DISC, CIRCLE eller SQUARE. |
|---|
| Ordnadelistor | Sätt OL-taggens attribut TYPE till I för att få romerska siffror, 1 för vanliga siffror, a för små bokstäver och A för stora bokstäver.Man kan även bestämma vilken siffra (eller motsvarande) som skall vara den första i den ordnadelista. Justera detta med det nya attributet START. Tex. <OL START=5> då startar listan med siffran 5. Med LI-taggens nya attribut VALUE så kan du ändra nummer ordningen mitt i en lista. Tex. <LI VALUE=18> då forsätter listan med nummer 18 och därefter fortsätter den som vanligt. |
|---|