Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Liten HTML guide

Liten HTML guide

Eftersom jag skrev en CSS guide igår, så tänkte jag att det kan vara lika bra med en HTML guide. Jag ska gå igenom så att du lättare förstår vad HTML är och hur man hanterar dess kod. HTML för det första är inte programmering. Det är ett ”märkspråk” (”taggningsspråk”, kallar jag det). Det är uppbyggt på taggar – ”<” och ”>”. Mellan dessa taggar så skriver man in ett element (eller en funktion, kan man också kalla det). Varje element kan ha ett attribut, som som ”<div id=”dittdivid” align=”center”>” i exemplet så är det ”id” och ”align” som är attributen. HTML står för ”HyperText Markup Language”.

Så här brukar jag beskriva HTML – ”I HTML så är det allt som är inom <head> taggarna, som är ’hjärnan’ och allting inom <body> taggarna, är kroppen, armar, ben, osv.”
Exakt så är det. Allting inom <head>Din kod här</head> är självaste ”hjärnan” för din hemsida. Det är därifrån allting styrs på sätten ”hur”, ”var”, ”när”. Det är där inom som all din hemsida får sitt ”hur” (det ser ut till exempel), ”var” (vart saker och ting ska vara på sidan) och ”när” (när vissa saker ska ske).

Med det sagt så är det rätt simpelt att lista ut vad <body> är!
<body> är strukturen på din hemsida (”kropp”). Du sätter in var dina ”armar”, ”ben”, ”ögon”, ”huvud” och allt annat ska vara. Utan kroppen så fungerar inte hjärnan och utan hjärnan så fungerar inte kroppen.

Exempel (och förklaring):

<html>
<title>Titel på din hemsida/blogg</title> <!-- Titel på din hemsida/blogg !-->
<head>
<link rel="stylesheet" href="länktilldinstilmall" type="text/css" /> <!-- Denna kod (tagg) säger åt vart alla färger, stilar, positioneringar, margins, borders, etc, ska vara någonstans !-->
<script type="text/javascript" src="länktillettjavascript"></script> <!-- Här har vi en kod som hämtar en funktion till din hemsida. Kan vara allt från JavaScript till jQuery !--><script type="text/javascript">// <![CDATA[
//Massor med kod här
// ]]></script> <!-- Här är ett annat exempel på hur ett JavaScript kan se ut. Där det står "//Massor med kod", betyder att det ska stå massor av JavaScript där. (Vi kommer in på vad JavaScript är, lite senare i guiden !-->

</head> <!-- Här avslutar jag min <head> tagg. Jag har fått in tillräckligt med kod i "hjärnan" tycker jag. Såklart finns det MYCKET mer att göra, men, jag kan inte ta med allt. !-->

<body> <!-- Här börjar vi med kroppen nu! !--></pre>
<div id="wrapper">
 <!-- Wrapper är oftast alltid "hela" din sida. Wrappern är ingenting man tänker på när man är inne på hemsidan och kollar, då den har ingen speciell design eller funktion. Den är bara där för att det ska bli lättare att få in massor i sidan på ett bra sätt. Den (brukar) är alltid 100% i width och 100% i height. Wrappers information kommer från 	<link> taggen i headern och med andra ord då, från din "stilmall". !-->
<div id="header">
 <!-- Här har vi din header tagg. Oftast så brukar det vara din header. (Det behöver inte nödvändigtvis vara så). Man behöver inte skriva så mycket i header (eller ingenting alls) eftersom all information om hur den ska se ut och var den ska vara kommer från din stilmall. Men det är viktigt att "headern" är alltid längst upp eller precis under wrapper så att ingenting kommer ivägen för den att kunna vara längst upp  !--></div>
<div id="content"><!-- Content är din hemsida eller blogg. Det är här allting som du skriver eller vill att användare ska se finns. Inom den taggen och den sista
<div>
 taggen (som stänger in "content" är det oftast väldans massor med kod. Ändra aldrig någonting här innanför ifall du inte vet vad du gör. Jag har nämligen sett att det är php funktioner som kallas därifrån. !-->

<!-- Massor med kod här! !--></div>
 <!-- Här tog "content" slut. Content är också stilat med din stilmall. Den har en bakgrund, typsnitt och allt annat som kommer från din stilmall. !-->
<div id="nav">
 <!-- I detta fall så står "nav" för "navigation". Alltså din "meny" (hur du navigerar dig genom sidan). !-->

<!-- Koder för din meny !--></div>
<div id="footer">
 <!-- Det här är foten för din sida. Alltså det som är allra längst ner. !--></div>
</div>

</body><!-- Här avslutar vi "bodyn" !-->

</html> <!-- Här avslutar vi hela HTML-dokumentet !-->

Läs igenom HTML koden där ovanför. Det är kommenterat och bra att lära sig. Det ser lite huller om buller ut – vilket jag inte kan göra något åt, tyvärr.

Här har ni lite andra koder som kan vara bra att nämna:
<h1></h1> – Det där är en text tagg. Innanför taggarna så skriver du en text som ska bli till en rubrik. Det finns ända upp till <h6></h6>. Dock så är det så att desto större tal desto mindre blir den, inte större. ”h1” är alltså störst! Testa Själv!

<p></p> – inom dessa taggar kan det skrivas text där med. ”<p>” står för paragraf. Ett stycke text, alltså. Testa Själv!

<a href=”http://länk.com”>Länk</a> – Exempel på en länk. Här är ”<a>” elementet och ”href=”” ” är attributet. Testa Själv!

<img src=”url” alt=”some_text”/> – Bild tagg. ”alt” står för (på svenska) alternativt. Det menas med att ifall bilden inte kan visas, så kommer det stå vad man skriver in där, istället! Testa Själv!

Mer om HTML-element kan ni läsa på http://www.w3schools.com/html/

Vad är JavaScript?
JavaScript är ett objekt-hanterat språk. Det är någonting som ni antagligen inte skulle orka lära er, men det är bra att veta VAD det är.
Från JavaScripten så kommer ”funktionerna”. Till exempel: bilder som byter sig själv automatiskt, snö som faller, ”pil-guiden” som jag skrev, osv. JavaScript säger åt hur ett
speciellt objekt ska röra sig. Här kommer allting in; ”när”, ”var” och ”hur”. Det är JavaScript så som säger åt detta till ett objekt (element).

Skribent och ansvarig för DDB. Driver Designa din blogg sedan juni 2015. Har bland annat studerat webbdesign, marknadsföring och online strategier både i Sverige och USA. Jobbar inom IT.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras.