viagra alternative for viagra buy alternative to viagra best viagra germany best viagra alternative beta blockers and viagra brand viagra brand viagra over the net brand viagra professional germany brand viagra without prescription buy buy branded viagra buy branded viagra online buy discount viagra buy generic viagra india rx buy now viagra buy pfizer viagra online fast buy real viagra online buy viagra germany buy viagra china now buy viagra in canada no prescription buy viagra mexico buy viagra on line buy viagra online buy viagra online canada buy viagra online cheap us fast buy viagra without prescription buying real viagra without prescription buying viagra buying viagra in canada sales buying viagra without prescription can i get viagra in mexico can i take viagra with beta blocker canada canada pharmacy viagra pfizer canada viagra fast canada viagra generic now canadain viagra india canadian drug viagra soft canadian pharmacy discount code viagra usa canadian pharmacy viagra delivery canadian pharmacy viagra legal canadian viagra canadian viagra generic canadian women viagra discounts cheap viagra usa cheap viagra canada or india buy cheap viagra generic cheap viagra no prescription delivery cheap viagra on line cheap viagra online cheap viagra or cialis cheap viagra pills cheapest prices on viagra cheapest viagra canada cheapest viagra online cheapest viagra usa china viagra discounts cialis tablets vs viagra cost of viagra discounts cost of viagra in germany discounts discount real viagra sales discount viagra diuretics and viagra female viagra fast female viagra pills gel viagra buy gele viagra generic viagra online generic viagra 100 mg generic viagra canada generic viagra from china generic viagra india generic viagra made in india generic viagra made in usa fast get viagra now get viagra without a prescription herbal viagra how does viagra work usa how much is viagra buy how to buy viagra how to get cheap viagra pills how to get some viagra how to get viagra cheap how to get viagra no prescription i dont have a prescription for viagra india viagra indian viagra buy inexpensive viagra online levitra vs viagra low cost canadian viagra low cost viagra mexico viagra usa natural viagra natural viagra pills discounts next day viagra delivery no prescription viagra buy non prescription viagra once a day viagra online cheap viagra delivery online viagra order usa viagra online buy ordering viagra overnight canadian viagra cheap overnight delivery viagra usa overnight viagra online overnight viagra generic discounts pfizer mexico viagra pfizer soft viagra pfizer viagra pfizer viagra 50 mg online canada pfizer viagra cheap canada price check 50 mg viagra discounts purchase viagra real viagra discounts real viagra for sale now real viagra gel real viagra online buy real viagra without prescription delivery rx generic viagra rx online viagra safety of buying viagra from canadian pharmacies soft gel viagra online soft viagra usa spain female viagra us discount viagra overnight delivery usa generic viagra discounts viagra 100 mg viagra 100 mg cheap now viagra 50 mg now viagra alternative viagra and female viagra and three day delivery fast viagra brand viagra buy viagra buy now delivery viagra canada viagra canada generic cheap viagra canada online buy viagra canada scam viagra canadian viagra canadian pharmaceuticals fast viagra canadian pharmacy viagra canadian sales germany viagra canadian scam germany viagra canda canada viagra cheap online viagra cheap canada viagra cheapest cheap viagra china viagra cost sales viagra discount cheap viagra discounts viagra dosage viagra dose fast viagra doses viagra fast delivery viagra for cheap viagra for sale viagra for women now viagra for women in india viagra from canada viagra from india viagra from mexico canada viagra from the usa cheap viagra gel viagra generic viagra generic canada sales viagra herbal viagra how much viagra in canada viagra in india viagra in mexico viagra india viagra legal viagra levitra viagra made in india viagra mexico viagra more drug uses viagra no prescription viagra no prescriptions delivery viagra of pfizer viagra on line online viagra online viagra online 50 mgs sales viagra online cheap viagra online pharmacy usa viagra online without a prescription buy viagra online without prescription now viagra or cialis now viagra oral gel fast viagra order viagra overnight viagra overnight delivery canada viagra pfizer viagra pfizer 50 mg viagra pfizer india viagra pfizer online discounts viagra pfizer viagra online canada viagra pharmacy in india viagra pills usa viagra pills canadian viagra pliis fast viagra prescription viagra price viagra prices viagra professional viagra purchase buy viagra rx viagra rx in canada viagra sale now viagra sales online viagra sales in canada cheap viagra samples cheap viagra scams canada viagra see what it does viagra side effect viagra side effects viagra soft viagra soft gel viagra soft tablets viagra soft tabs usa viagra soft tabs 100 mg viagra soft tabs 100 mg prices compare cheap viagra sur le net canada viagra tablet viagra tablets now viagra tablets sale viagra tabs now viagra taking full dose 100 mg sales viagra usa viagra where to buy it now viagra without a prescription online viagra without prescription viagra without prescription canada germany viagra women viagrabest viagra were can i buy viagra cheap what agency can you buy viagra what better viagra or cialis what is viagra professional where can i purchase viagra usa where to buy viagra germany where to get viagra where to get viagra cheap fast where to get viagra in canada where to purchase viagra online women viagra germany cialis sales 5 mg cialis canada 5 mg daily cialis 5 mg original brand cialis 50 mg cialis dose about cialis best cialis price sales best price cialis brand cialis buy 5 mg cialis delivery buy cialis buy cialis 5 mg buy cialis canada buy cialis cannada fast buy cialis for daily use buy cialis in canada buy cialis in usa online buy cialis on line buy cialis once daily buy cialis online buy cialis online canada buy cialis online uk discounts buy cialis online without prescription buy cialis professional germany buy cialis usa buy cialis without a prescription fast buy daily cialis buying cialis in canada buying cialis online buying cialis without a prescription c50 cialis can you take cialis while having epilepsy buy canada cialis once a day canadian cialis canadian online pharmacy cialis now canadian pharmacies cialis canadian pharmacy cialis canadian pharmacy cialis without prescription discounts cheap cialis cheap cialis fast delivery time cheap cialis from india cheap cialis soft fast cheap fast cialis discounts cheap viagra or cialis cheap cheapest cialis cheapest overnight cialis usa cialis 100 mg cialis 100 mg generic cialis 2.5 mg buy cialis 20 mg cialis 30 mg cialis 5 mg discounts cialis 5 mg buy cialis 5 mg italia fast cialis 50 mg cialis 50 mg dose sales cialis alcohol cialis alternatives now cialis alternitives cialis and women cialis atrial fibrillation cialis brand cialis brand only cialis buy cialis buy overnight cialis by women cialis c 50 sales cialis canada cialis canada online pharmacy cheap cialis canadian cialis canadian pharmacy cialis cheap cialis cheap us pharmacy usa cialis cost usa cialis cost canada buy cialis cost of daily pills cialis daily germany cialis daily availability buy cialis daily canada cialis daily cost cialis daily dosage pharmacy cialis daily dosing cost online cialis daily in canada online cialis daily price cialis daily use cost cialis daliy cialis discount cialis discount prices germany cialis discounts cialis dosage cialis dosage mg cialis dosage more for patients cialis en discount cialis en mexico delivery cialis fast discounts cialis for sale cialis for women sales cialis from canada cialis from india cialis from mexico cialis generic fast cialis generic 100 mg delivery cialis generic canada buy cialis germany delivery cialis in canada discounts cialis in mexico cialis india cialis is cialis low price cialis low prices discounts cialis made in usa sales cialis more drug uses cialis more drug warnings recalls cialis more for patients cialis no prescription usa cialis no rx usa cialis on line usa cialis on women cialis once daily germany cialis once-daily dose cialis one a day cialis one day shipping cialis online cialis order cialis order from cialis overnight cialis pfizer cialis pharmacy sales cialis pharmacy online next day cialis powder form delivery cialis prescription cialis price cialis prices cialis professional online cialis professional 100 mg germany cialis professional next day delivery canada cialis professional side effects cialis purchase usa cialis recommended dose cialis samples cialis samples in canada cialis small doses antidepressants cialis soft buy cialis soft canada cialis soft tabs sales cialis tablets buy cialis tablets vs viagra cialis to buy cheap cialis uk cialis usa usa cialis vs levitra usa cialis without a prescription delivery cialis without prescription cialis woman cialis women online cialisis for women cialisis in canada fast cirrhosis caused by cialis comments on daily dosing cialis cost cialis daily use cost of 30 cialis online cost of cialis cost of cialis daily cost of cialis daily pills cost of daily cialis daily cialis daily cialis cost daily dosage cialis daily use cialis cost discount canadian cialis discount cialis sales discount cialis india does generic cialis work fast dose cialis effect of cialis on women fast delivery cialis ganeric cialis generic cialis generic cialis canada generic cialis canadian generic cialis does it work generic cialis from india generic cialis in india generic cialis india generic cialis india discount fast generic cialis next day delivery canada generic cialis opinion buy generic cialis professional generic cialis soft tabs genuine cialis pill purchase canada genuine cialis pills delivery gerenic cialis germany get cialis fast get cialis online how does cialis work how much does cialis cost how much does cialis cost at the pharmacy fast how much is cialis how to get cialis usa how to get cialis no prescription how to get cialis voucher hydrochlorothiazide cialis sales i am an epileptic can i take cialis indian cialis is cialis a blood thinner is it possible to buy cialis online in canada levitra vs cialis cheap map of france with cialis cheap mexico pharmacy cialis natural cialis alternative germany natural cialis alternatives non prescription cialis discounts once daily cialis one a day cialis one day cialis one day delivery cialis online online cialis online pharmacy cialis now original cialis 20 pharmacy cialis philippines pharmacy cialis generic 50 mg buy price cialis now price cialis canada price of cialis in canada professional cialis professional cialis online purchase cialis cheap delivery purchase once daily cialis cheap real cialis real cialis online discounts results for cialis daily canada rx cialis canada sales cialis soft cialis soft tab cialis us cialis pharmacy cheap viagra or cialis what better viagra or cialis canada what effects does caffeine have on cialis what is cialis usa what is the cost of cialis now where to buy 100 mg cialis discounts where to buy cialis discounts which better viagra or cialis usa women cialis online

HTML grunder

You are currently browsing the articles from Svensk Server matching the category HTML grunder.

HTML dokument

Det finns en mall som varje HTML-dokument följer och den inkluderar alla grundläggande märke-par ett HTML-dokument behöver för att vara synlig på webben.

Hela processen kan man beskriva med ord:
1. Öppna ett HTML-dokument.
2. Öppna HEAD-avdelningen. Allt som finns här är osynligt på webben. Därför börjar alla märken i HEAD med ordet META, förutom TITLE-märket. För ett HTML-dokument META betyder: ”Visa inte det här information på webben utan skicka den till sökmotorrobotar för identifiering av dokumentet.”
3. Stänga HEAD-avdelningen.
4. Öppna BODY-avdelningen. Allt som finns här är synligt på webben.
5. Stäng BODY-avdelningen.
6. Stäng HTML-dokumentet.

Det här var strukturen för vilken HTML-sida som helst på Nätet.

HTML-koden är:

<html>

<head>

<title> Namn på din hemsida </title>

<meta …..märket forsätter här>

<meta …..ännu ett META-märke här>

<meta …..det kan finns ännu flera META-märken>

</head>

<body>

Innehållet i ditt dokument som visas på Nätet.

</body>

</html>

Det som återstår nu är att lära HTML-märken för att skapa länkar, infoga bilder, osv. Efter det kan du skriva ditt första HTML-dokument.

Andra bloggar om: , ,

Written by admin on oktober 24th, 2007 with no comments.
Read more articles on HTML grunder.

Body-märke och introduktion till attribut

Innan vi går börjar med nya märken vill jag betona vikten av Body-märket och dess betydelse för hemsidans utseende.

Det är dags att introducera parametrar eller attribut. En parameter (attribut) kan beskrivas som en egenskap för märken. Olika märken har olika egenskaper; dock finns det en del märken som har gemensamma egenskaper.

<BODY>-märket har attribut som anger hemsidans bakgrund, textfärgen, länkfärgen o s v.

En webbsida med röd bakgrund har attribut BGCOLOR=”red” i sitt BODY-märke. Fullständiga HTML-koden blir:
<BODY BGCOLOR=”red”>

Oftast nöjer man sig inte enbart med att ange bakgrundsfärgen utan man vill påverka resten av webbsidan. Glöm inte att BODY-märket är startpunkten för det som ska visas på skärmen vilket gör att alla attribut i det har global effekt. I praktiken betyder det att om du anger att textfärgen ska vara blå kommer det att gälla för hela webbsidan, om man inte i efterhand ändrar specifika stycken, meningar och ord i texten.

Attribut som tar hand om textfärgen heter TEXT=” ”. Koden som anger röd bakgrund och blåfärgad text på en webbsida blir:
<BODY BGCOLOR=”red” TEXT=”blue”>

Det man ofta vill ändra är färgen på länkar i sitt dokument. Detta gör man med attribut LINK=” ”. Standard värdet för länkar är blå och det behöver man inte ange ifall man vill behålla färgen.

Anta att vi vill ha en röd bakgrund, blå text och gröna länkar på en webbsida:
<BODY BGCOLOR=”red” TEXT=”blue” LINK=”green”>

Du har säkert märkt att färgen på länkar du redan besökt har ändrat sin färg efter besöket? Det ska vi också påverka. Vissa länkar vill man inte ändra färg på efter att man klickat på dem. Till ex. om du har en meny på din webbsida kanske du vill att länkfärgen förblir detsamma oavsett om man klickat på dem eller inte.
Koden för röd bakgrund, blå text och alltid gröna länkar blir:
<BODY BGCOLOR=”red” TEXT=”blue” LINK=”green” VLINK=”green”>

Självklart kunde vi ange vilken färg som helst i VLINK=” “. Denna egenskap anger färgen på besökta länkar på din webbsida.

Notering: Färgen man anger behöver inte anges som jag gjort hittills (red, green, blue). Man kan ange färgerna i hexadecimalform: #ffffff.
Du har säkert sätt det tidigare. Det som är viktigt just nu är vetskap att det kvittar vilken metod du använder för att ange färgen på dina element i dokumentet. Dock måste jag påpeka att hexadecimalform ger större urval av färgerna.

Hexadecimalformen består av tecknet ”#” följd med 6 hexadecimala siffror (tal: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f).

Varje sifferkombination av hexadecimala tal motsvarar en viss färg.

Föredrar du första varianten är det bra att veta vilka färger som kan anges. Det är enbart 16 standard Windows färger: Black, white, green, blue, yellow, magenta, cyan, purple, gray, lime, maroon, navy, olive, silver, and teal.

För att sammanfatta BODY-märket har jag samlat de viktigaste attribut kopplade till det:

Attribut:

Exempel:

Bgcolor

<body bgcolor=”green”>

Text

<body text=”green”>

Link

<body link=”green”>

Vlink

<body vlink=”green”>

background

<body background=”bild.gif”>

Du ser att i tabellen finns det ett attribut som jag inte nämnt hittills: BACKGROUND. Det används ifall man vill ha en bild i bakgrunden istället för en vanlig färg.

Tänk på att genvägen till bilden måste vara exakt. En annan sak är bildstorleken. Man ska se till att ha små bilder (i storlek) annars kommer din webbsida att laddas långsamt för dina besökare.

Andra bloggar om: , ,

Written by admin on augusti 15th, 2007 with no comments.
Read more articles on HTML grunder.

Textformatering

I vanliga ordbehandlingsprogram kan man formge texten med färger, teckensnitt och olika stilar. På liknande sätt gör man det även i hemsideprogram ( FrontPage o s v).

En viktig sak man ska tänka på vid val av teckensnitt är faktum att man är begränsad till några teckensnitt. Trots stort urval av teckensnitt du har bör man hålla sig till standard teckensnitt av en enkel anledning: inte alla användare har det teckensnitt du tänkt dig.
Resultatet blir det att din webbsida inte visas som du tänkt dig för dina besökare.

Håll dig till:
Times New Roman, Verdana, Arial, Tahoma och Helvetica.

Andra bloggar om: , ,

Written by admin on juli 26th, 2007 with no comments.
Read more articles on HTML grunder.

Rubriker

Ofta brukar man dela in texten på en webbsida. Exempelvis har man en titel, en sammanfattning i början och brödtext i resten av webbsidan.

I HTML kan man använda sig av fördefinierade rubriker för olika ändamål. ”Headings” är engelska namnet för rubriker man använder sig av i HTML-dokument.

Elementet med vilket man identifierar rubriker är H. Märket för att definiera en rubrik börjar med elementet H följd med en av 6 tal: 1, 2, 3, 4, 5, 6.

Största rubrik börjar med <H1> och slutar med </H1>. Minsta rubrik börjar med <H6> och slutar med </H6>.

Här kommer alla möjliga rubriker:

<H1> Störst text < /H1>

<H2> Större text </H2>

<H3> Stor text </H3>

<H4> Normal </H4>

<H5> Mindre </H5>

<H6> Minst </H6>

Rubrikmärket har också sina egna attribut med vilka man ändrar egenskaper för texten som följer. Här kommer det mest använda attribut för rubriker:

Attribut:

Beskrivning:

Exempel:

align

Justering av rubriken:
left, center, right, justify

<h1 align=”center”>

Exempelvis:
<H1 align=”center”> Störst text </H1>

kommer att justera texten på mitten av din webbsida.

Andra bloggar om: , ,

Written by admin on juni 12th, 2007 with no comments.
Read more articles on HTML grunder.

Stycken, Radbrytning, Fet- och kursivstil

Stycken
En webbläsare (Internet Explorer exempelvis) kommer att visa texten på skärmen efter fönstrets bredd. Ändrar du fönsterstorleken kommer texten att visas lite annorlunda p.g.a. raderna bryts på olika ställen beroende på fönstrets bredd.

Ibland är det en fördel men det händer att man vill ha fasta radbrytningar och då kan man använda sig av märket <P>.

Effekten man får med ett nytt stycke är den du ser nu när du läser den här boken. Har du märkt att jag delar in min text i stycken med högst 5-6 rader?

Det gör jag för lättare läsning och trevligare utseende. Man tröttnar lätt på texter utan radbrytningar.
Det vanligaste attribut för stycken är align.

<P align=”center”> text är centrerad </P>


OBS: man kan utesluta </P> för stycken och några få märken till.

Radbrytning
I vissa fall har man ett behov av en ny rad inom samma stycke. Självklart finns det ett märke även för det. Det heter <BR>.
<br> representerar en ny rad.
<p> representerar ett nytt stycke .
Egentligen är <p> samma som två <br>.
Du kan skriva <br><br> istället för <p>.

Fet- och kursivstil
Märket för att göra texten i fetstil börjar med <B> och slutar med </B>.
Märket för kursivstil börjar med <I> och slutar med </I>.

Exempel:

<B> fetstil kommer här </B>
<I> kursivstil följer efter </I>

Andra bloggar om: , ,

Written by admin on maj 11th, 2007 with no comments.
Read more articles on HTML grunder.

« Older articles

No newer articles