NemProgrammering.dk logo
Læs mere om denne UnoEuro Rabatkode
UnoEuro rabatkode

Opsummering af hvad du har lært | Mini html-hjemmeside

Lad NemProgrammering.dk´s eksperter lave din hjemmeside for dig
Vi tilbyder professionel hjælp til udvikling af hjemmesider og webshops. Læs mere om vores ydelser her!

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne lektion kigger vi på, hvad du indtil videre har lært igennem dette kursus. Dette gøres ved at præsentere en meget simpel HTML hjemmeside, som er lavet udelukkende ved hjælp af det du har lært indtil nu + lidt simpel CSS. Ved at følge de næste videoer i kurset samt CSS kurset vil du være i stand til at udbygge og style din hjemmeside endnu mere end hvad du ser i denne video.

Du kan hente html-koden til siden du ser i videoen herunder.

Video tags:

Denne video relaterer til emner såsom: html hjemmesider , html kursus, gratis html skabeloner, HTML video tutorial, HTML vejledning, dansk video tutorial, lær HTML, begynder HTML, gratis HTML video tutorials, basis layout i HTML, opsummering af HTML kursus

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
  <title>Opsummering</title>
  <meta charset="utf-8" />
  <meta name="description" content="Din egen lille hjemmeside" />
</head>
<body>
  <div style="background-color:#eee;width:700px;height:500px;margin-right:auto;margin-left:auto">
    <div style="background-color:#000;color:#FFF;text-align:center;">
      <h1>Velkommen!</h1>
    </div>
    <div>
      <div style="width:500px;float:left">
        <h2>Lidt om os</h2>
        <p>Vi er en lille virksomhed med hovedsæde i Aarhus.</p>
        <p>Vores virksomhed blev stiftet for 20 år siden, så vi har efterhånden nogele år på bagen.</p>
        <p>To ting der kendetegner os:</p>
        <ul>
          <li><strong>Pålidelige</strong></li>
          <li><strong>Loyale</strong></li>
        </ul>
        <a href="https://supplier.dk" target="_blank"/>Besøg vores leverandør!</a>
      </div>
      <div style="width:200px;background-color:#ddd;float:right">
        <h3>Kontakt os!</h3>
        <form id="kontakt" action="#" method="post">
          Navn:<br/>
          <input type="text" /><br/>
          Email<br/>
          <input type="email" /><br/>
          Besked:<br/>
          <textarea style="width:150px;height:150px;"></textarea>
          <input type="submit" value="Send!" />
        </from>
      </div>
    </div>
  </div>
</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder! Alternativt kan du kontakte os på vores forum, hvor en masse hjælpsomme personer sidder klar ved tasterne.

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Dmight    27-05-2015

Jeg undrer mig over hvordan kan jeg rykke rundt på teksten fordi jeg har ikke lært CSS i disse HTML videoer så det undrer mig lidt hjælp mig tak :)


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    04-02-2015

Hej Lasse, Kontakt os venligst på forum og del gerne din kode. Så kan vi bedre hjælpe dig. Mvh. Thomas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lasse domar Nielsen    04-02-2015

Hej! Hvorfor kan jeg ikke finde ud af at åbne filen til denne video?? Jeg smider den ind i min projekt mappe og åbner. Der kommer kun noget pludder.