Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Lär dig HTML!

Skapad av Borttagen, 2008-08-09 14:06 i Webbutveckling & Programmering

6 295
49 inlägg
0 poäng
En_Fisk
Visningsbild
P Örebro Hjälte 61 inlägg
0
Efter att ha hört otroligt många trådar med ''Hur gör jag en hemsida'' och mycket annat beslutade jag mig för att underlätta för de som behöver hjälp. Ni hamsterpajare får även ifylla länkar som kan vara bra att ha.

Del nummer 1.
HTML var det första jag lärde mig som programerings språk. Efter en tid fortsatte jag framåt och kom till PHP. Och där sitter jag och klurar idag på hur jag ska göra, just den vägen hoppas jag du väljer.

Först och främst så bör du ta fram ett vanligt Antekningar
Forum image

Där efter ska du börja att skriva exakt såhär

Koden:
<html> <head> <title>Titel på din sida</title> </head> <body> </body> </html>


Skriv det och spara den exakt: index.htm på en lämplig plats


Efter du är klar med dehär så ska du börja med att göra lite saker i din hemsida. Då ska jag också förklara vad det betyder.

Del nummer 2.


<body bgcolor="#ffffff" text="#000000" link="#0000FF">
bgcolor=Bakgrundsfärgen. text=Textfärgen link=Länkfärg

<body vlink="#ffffff" alink="#000000">
vlink=Besökt länk alink=Aktiv Länk

<h1>Välkommen!</h1>
H1=Hur man gör en rubrik. Finns från h1-h7

<h1 align="center">Välkommen!</h1>
center=Centrerad Rubrik på sidan.

<div align="center">Hejsan, du har nu kommit till min sida.</div><p></p>
div=Centrerad Text på sidan

a href="annan_sida.html'>Länk</a><br>
länk=Skapar en länk, den är blå om du använder koden innan.

Så! det var inte så svårt som det såg ut, va? Nejdå, du lyckas nog.
Nu ska vi fortsätta med bilder.

<img src="haha.gif">
Standard koden är detta.

<img src="haha.gif" width="25%" heigth="25%">
Storleken för bilden blir skriven i procent i detta fall.

<img src="haha.gif" width="25px" heigth="25px">
Storleken för bilden här är i pixlar

<img src="bilder/haha.gif">
Om bilden ligger i en annan katalog.

<img src="haha.gif" align="right">
Skriv din bild Höger om sidan.

<a href="haha.html"><img src="haha.gif"></a>
Länk med bilden med ram på.

<a href="haha.html"><img src="haha.gif" border="0"></a>
Om du nöjer dig utan en ram skriver du såhär.

Så det var nog det första man kan skriva mer information om detta
kan du hitta på:
Webdesignskolan.se
Htmlsidan.se
Phpportalen.net
Osv....

//Ha en trevlig dag!


Tillägg av Azbanan 2008-08-09 14:21

Tilläger jag också att det är inte programering utan scripting!

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Java
Visningsbild
30 Mölnlycke Hjälte 3 921 inlägg
0

Svar till Azbanan [Gå till post]:

Det finns ju guider på internet med. Mer utförliga (a) Bra gjort iaf :D

Ingen status

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0
För det första. HTML är inte programmering! Det är scripting.



www.w3schools.com

Iallafall. bra "guide" i övrigt. Dock inget vidare nämnvärt.
llisen
Visningsbild
F 30 Hägersten Hjälte 204 inlägg
0

Svar till Azbanan [Gå till post]:

yäy , superhero . tackar :D

DreamHawk
Visningsbild
P 35 Skänninge Hjälte 479 inlägg
0

Svar till Azbanan [Gå till post]:

Rätt bra guide, dock finns det lite fel...

Ett stycke html-kod:

<h1>Välkommen!</h1>
H1=Hur man gör en rubrik. Finns från h1-h7

Finns bara till h6... http://www.w3schools.com/TAGS/tag_hn.asp

Ett stycke html-kod:

<img src="haha.gif" width="25%" heigth="25%">
Storleken för bilden här är i pixlar

Nej, där är också %, dvs inte pixlar... ta bort % för att få det i pixlar




KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till eXiidus [Gå till post]:


llisen:857583:

Kan ju dock säga att detta var ett bra exempel på en tråd som, i det här fallet, tror den skall bli klistrad men som inte har en chans att bli det.



jagardaniel
Visningsbild
P 33 Solna Hjälte 1 976 inlägg
0
Bra initiativ, däremot är den för klen. Du berättar inte vad allt gör. Du kanske kan börja med att förklara att <HTML>-taggen inleder ett dokument och att </HTML> avslutar det. Att bara få en snutt kod man ska skriva hjälper inte särskilt mycket, man måste förklara också.

Gaxnys
Visningsbild
P 30 Mjölby Hjälte 1 523 inlägg
0

Svar till KumQuat [Gå till post]:

HTML är inte ens scripting, det är "märkning" av innehåll, därav namnet ^^

http://www.iceflaw.net

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till DreamHawk [Gå till post]:

Jag tror det undre var ett stavfel då han skrev procent på den över och kanske råkade skriva samma?

DreamHawk
Visningsbild
P 35 Skänninge Hjälte 479 inlägg
0

Svar till KumQuat [Gå till post]:

En guide måste ju vara korrekt...
Vi som kan html redan förstår ju att det är ett fel där som är lätt att åtgärda.
Men för en beginner kan det vara lite svårare.

Nattefrost
Visningsbild
P 34 Trollhättan Hjälte 5 035 inlägg
0

Svar till Azbanan [Gå till post]:

Usch för att bestämma mycket med html

Ett stycke html-kod:

<img src="bilder/haha.gif" />


Guess I'm just another jerk in your social network

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till GnomeAfterAll [Gå till post]:

Just det ja ^_^ Dock så tycker jag inte det är för stor skillnad på märkning och scripting x).

Båda är icke "körbara" utan ett program som läser in "koden".
Båda använder oftast parsers.

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till DreamHawk [Gå till post]:

Jo, klart ^^ Fel av mig.

llisen
Visningsbild
F 30 Hägersten Hjälte 204 inlägg
0

Svar till KumQuat [Gå till post]:

ars då , gör en bättre själv då ;)

Gaxnys
Visningsbild
P 30 Mjölby Hjälte 1 523 inlägg
0

Svar till KumQuat [Gå till post]:

Jupp, och scripting är en del av hemsideskapande, inte så stor skillnad, men scripting påminner mer om programmering än "märkning" :P

http://www.iceflaw.net

fjuppen
Visningsbild
P 1353 Hjälte 788 inlägg
0

Svar till Azbanan [Gå till post]:

Du lär ju ut helt fel xD

Om du nu ska göra en HTML-guide så lär man ffs ut XHTML, inte något skitHTML som är 150 år gammalt.

Bra gjort iaf för dom som är nybörjare :)

En_Fisk
Visningsbild
P Örebro Hjälte 61 inlägg
Trådskapare
0
Tack alla som tyckte om den, jag ska försöka att hinna med att ändra lite..
KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till llisen [Gå till post]:

Ser ingen anledning. Internet är redan fullt av guider. Pucko! ;)

DreamHawk
Visningsbild
P 35 Skänninge Hjälte 479 inlägg
0

Svar till KumQuat [Gå till post]:

Du ska aldrig tro att alla andra är lika smarta som du :P.
Det bästa när man gör en guide är att utgå från att läsaren är en komplett total idiot ^^

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till GnomeAfterAll [Gå till post]:

Klart ^^ Men jag tycker endå att märkning är mer likt scripting än programmering ^_^

En_Fisk
Visningsbild
P Örebro Hjälte 61 inlägg
Trådskapare
0

Svar till DreamHawk [Gå till post]:
Jag tror nog inte att det tar så långt tid för mig att rätta till ett fel ^^

KumQuat
Visningsbild
P 32 Hjälte 685 inlägg
0

Svar till DreamHawk [Gå till post]:

^^
Därför ska man läsa böcker såsom.. "for dummies" om du vet var det är ^_^

DreamHawk
Visningsbild
P 35 Skänninge Hjälte 479 inlägg
0

Svar till KumQuat [Gå till post]:

Läser aldrig "for dummies" böcker. Anser mig själv för kunnig ^^

DreamHawk
Visningsbild
P 35 Skänninge Hjälte 479 inlägg
0

Svar till Azbanan [Gå till post]:

Två fel.

Nej det tar inte lång tid. Men det är ju bra att någon upptäcker dem.

En_Fisk
Visningsbild
P Örebro Hjälte 61 inlägg
Trådskapare
0

Svar till DreamHawk [Gå till post]:
Ja.... exakt det är bra att ni rättar mig!

Gaxnys
Visningsbild
P 30 Mjölby Hjälte 1 523 inlägg
0

Svar till KumQuat [Gå till post]:

Ja, det håler jag med om, känns som, att scripting är ett mellansteg :P


Hyfsad guide, behöver dock mycket mer förklaringar på vad allt gör, men, eftersom det redan finns ett tiotal guider så, ja...

http://www.iceflaw.net

Nattefrost
Visningsbild
P 34 Trollhättan Hjälte 5 035 inlägg
0
Svar till llisen [Gå till post]:

Så kan man ju inte uttala sig..

Han valde att göra en guide om något som är hyfsat avancerat. Då får man också räkna med att få kritik och speciellt om man inte riktigt har koll på det själv.

För att göra en bra guide krävs oftast mycket utförliga förklaringar till olika saker och om han nu valde att göra en guide som var rätt dålig egentligen så får han ta kritiken. Det hjälper inte att säga "gör bättre själv" eftersom han som ger kritiken inte känner att göra en guide själv.



Tillägg av Nattefrost 2008-08-09 14:25

Det är ändå bra initiativ från en elvaåring.

Guess I'm just another jerk in your social network

hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
0

Svar till En_Fisk [Gå till post]:

Måste säga att du glömde vissa saker, om man ska vara petig.

Det du har glömt att skriva är att koden ska skrivas mellan <body> och </body>.

När du tar upp det där med <body bgcolor="#ffffff" text="#000000" link="#0000FF"> och
<body vlink="#ffffff" alink="#000000"> så glömmer du att skriva att båda kan ligga i ett, t ex
<body bgcolor="#ffffff" text="#000000" link="#0000FF" vlink="#ffffff" alink="#000000">.
Du skrev också vlink="#ffffff", vilket är lite dumt eftersom det kan vara lite svårt att se den besökta länken om man skulle gå tillbaka till sidan.

Det skadar ju inte heller att nämna att "#000000" eller "#ffffff" blir en färg, och vilken färg isåfall.

Det finns h1-h6, inte h1-h7.

Du skrev:
<div align="center">Hejsan, du har nu kommit till min sida.</div><p></p>.
Du kanske menade <p><div align="center">Hejsan, du har nu kommit till min sida.</div></p>?

Länken efter det ser ut så här:
a href="annan_sida.html'>Länk</a><br>.
Du måste ha en < och sedan a href="..
Du måste skriva vad <br> är för någonting, förvänta dig inte att en nybörjare ska kunna det.

När du skrev koden för bilden så skrev du %-tecknet med.
Du kanske borde nämna att den inte behöver vara med?
<img src="haha.gif" width="25%" heigth="25%">

T ex:
<img src="haha.gif" width="25" heigth="25">.
Men bilden blir mindre.

För övrigt så ser det bra ut.


Och så trycker vi spara.

hazardous
Visningsbild
P 93 Skövde Hjälte 775 inlägg
0
Koden <marquee width=460 height=15>Denna kod</marquee> ska få koden att röra på sig inom taggarna <body>> </body>.
Men hur gör man om man istället vill lägga in koden i en css-fil då?

Och så trycker vi spara.

The_lolness
Visningsbild
P 29 Svedala Hjälte 1 288 inlägg
0

Svar till hazardous [Gå till post]:

Ett stycke css-kod:

marquee
{
width: 350px;
}


...


Forum » Datorer & IT » Webbutveckling & Programmering » Lär dig HTML!

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons