Top
Phpuniverset logo
 

INDHOLD

Forside

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

PHP bog shop

Forum

Online udviklere


Propelcom

ARTIKLER

CSS

Diverse

E-handel / annoncer

Grafik

Html

Internet

Javascript

Linux

PHP/MySQL

Programmer

Flash

Søgemaskiner

Windows

C / C++


INFO

Information

Annoncering

Kontakt

HTML fra bunden

Forside Kategori HTML HTML fra bunden




 

INDLEDNING
Mit navn er Frederik, og jeg har tænkt mig at lære jer nybegyndere lidt HTML.
Skal vi ikke bare se at komme i gang?

KOM I GANG
For at komme i gang med at kode HTML skal du åbne Notesblok eller Notepad i den engelske version af Windows, som du finder under START-PROGRAMMER-TILBEHØR også er du faktisk allerede godt i gang. Hvis du ikke bruger Windows, og derfor ikke har Notesblok, så brug en tilsvarende, simpel tekst-editor.

VIGTIGE TAGS
For at kode et stykke HTML er der nogle tags, altså små stykker kode, som du altid skal bruge.

<html> er det vigtigste tag, da dette tag fortæller at du lige nu sidder og skrive HTML. Hvis du ikke allerede har åbnet Notesblok, så gør det nu, og indsæt <html> øverst i dit nye dokument.

Nu laver du et linjeskift og skriver <title>, og det er det tag som du bruger til at indsætte tekst oppe i den blå linje, over adresselinjen, hvis du ved hvor jeg mener...? Når du har skrevet det du vil have til at stå i den blå linje, så afslutter du tagget med </title>. De fleste tags afsluttes med </TAG>, men der er dog nogle undtagelser. Det taler vi mere om senere.

Efter endnu et linjeskift skriver du <head>. Head må du selv bestemme om du vil bruge, men det er i hvert fald overskriften på siden. En god idé, hvis du vil have en god overskrift, er at skrive <h1>DINTEKSTHER</h1> eller <b>DINTEKSTHER</b> ind i mellem tagget, og afslutte det med </head>.
EKSEMPEL:


<html>
<title>Det, der skal stå i den blå linje</title>
<head><h1>Din tekst her</h1></head>

ELLER

<html>
<title>Det, der skal stå i den blå linje</title>
<head><b>Din tekst her</b></head>


Koden <h1> gør teksten, som du skriver med ekstra stor. Der findes flere koder med H (<h1>, <h2>, <h3> osv.)

Koden <b> gør teksten fed.

Det næste tag vi kommer til er <body>, som du skriver efter et linjeskift. Body er selve sidens indhold, og det er nok her du får mest brug for <b>, <h1> osv. Derfor vil jeg snart lære dig nogle tag, men husk, at efter du har lukket <body> af med </body> så lukker du lige <html> af med </html>, så vi kan komme videre.

GRUNDLÆGGENDE TAGS
De grundlæggende tags indenfor HTML er de, som jo på den simpleste måde ændrer på teksten.
Her er de simpleste koder:

<b>Fed tekst</b>
<i>Kursiv tekst</b>
<u>Understreget tekst</u>
<br> Laver linjeskift
<p /> laver to linjeskift

Lod du mærke til at <br> og <p /> ikke blev afsluttet? Det er fordi de ikke behøves.

Hvis du skrive <br><br> laver browseren selvfølgelig to linjeskift.

DIN FØRSTE SIDE
Nu er det din tur. Prøv at lave en side, hvor der i den blå linje står Min første side, og på selve siden står der Dette er min første side.
Tryk nu på 'Filer' og derefter på 'Gem som...' og dernede hvor der står 'Tekstdokumenter (*.txt)' trykker du på den nedadvendene pil og vælger 'Alle filer'. Du gemmer nu filen som 'Test.html' og går ind under 'Dokumenter' og finder det, du lige har lavet. Prøv at åbne filen og se - hvis det ikke virker, så tjek om du har lavet nogen fejl.

Ellers, så prøv at tjekke efter (IKKE KOPIERE) koden hernede om du nu har gjort det hele rigtigt:

<html>
<title>Min første side</title>
<body>Dette er min første side.</body>
</html>


Det var jo ikke så svært - vel? Lad os nu lære lidt flere tags vi kan sætte ind.

<small> gør teksten mindre, og er endnu et tag der ikke skal afsluttes.

<hr /> laver en streg i gennem siden, og skal ikke afsluttes.

Det var to tags du sikkert kan bruge - men hvad skal du bruge det TIL? Jo, du skal selvfølgelig bruge dem til at få din hjemmeside til at se flot ud med.

Kan jeg bruge flere tags samtidig?
Ja, det kan du faktisk godt. Hvis du nu BÅDE vil have fed og kursiv tekst på en gang, for eksempel, så skriv:

<b><i>Fed og kursiv tekst her</i></b>

IKKE SÅDAN:

<b><i>FORKERT!!!</b></i>

Altså, det tag der åbnes først skal lukkes sidst.

DIN TUR IGEN!
Så er det endnu engang din tur. Lav en side der ser sådan ud:
I den blå linje skal stå 'Min første side'.
Lav en overskrift der siger, med både kæmpestor og med fed skrift 'Dette er min første side...' og skriv så med kursiv OG understreget tekst '...Og dette er en test.' Du afslutter med lille tekst hvor der står 'Skrevet af mig.'

LISTER
Nu skal du til at lære at lave liste.
For at lave en uordnet liste skriv <ul> og lav så en masse tags med <li>.

EKSEMPEL:

<html>
<title>Tekst i den blå linje...</title>
<head><b>Her er en liste!</b></head>
<body>
<ul>
<li>Punkt 1...</li>
<li>Punkt 2...</li>
</ul>


For at lave en ordnet liste, skriv <ol> og så en masse punkter med <li>.

EKSEMPEL:

<ol>
<li>Punkt 1...</li>
<li>Punkt 2...</li>


<blockquote> er et andet tag, som laver et slags indryk i din tekst, for eksempel

Også sagde han
<blockquote>Åh nej! Det er <b>HAM</b>!</blockquote>
Og ganske rigtigt, det VAR virkeligt ham!


<a href="http://www.ditlink.dk">Her er et link</a> er en kode, som laver et link til en anden side. Det var bare et nyttigt tag ;)

<a href="mailto:mail@mail.com">Send en mail her</a> er endnu en slags link, denne linker bare til en emailadresse.

Hvad så nu?
Ganske flot, hvis du allerede har lavet en side nu, men hvor skal du uploade den?
www.frac.dk og dinhost.net er ganske gode og gratis hjemmesider, hvor du kan få lov til at hoste dine filer. Det kan jeg desværre ikke skrive mere om her, da dette er en HTML artikel.

Men min side er grim, hvad med billeder og så videre?
Ja, det ville være dejligt, men nu da du kan det grundlæggende HTML så vær på vagt efter artikler for viderekommende - måske skriver jeg en en dag?



Skrevet af: Zuper-ZtarBang | Dato : 2007-11-13 21:2 | Læst : 9477 gange | Print

Din kommentar og karakter til artiklen

Din karakter:

1

2

3

4

5

6

7

8

9

10

Kommentar:

Log ind for at give en karakter og kommentar.

Kommentarer og karakterer til artiklen

 


10/10

"Men, de accepterede den ;) Og nu begynder jeg så at skrive på HTML fra Bunden - 2!"

Zuper-ZtarBang | 25.11.2007, 19:24

 


1/10

"Derudover har du store bogstaver, dine overskrifter kludret og det samme med opstillingen.. hvad med resultaterne af eksemplerne?"

PHP-Jonas | 25.11.2007, 12:30

 


4/10

"tjooh, hvorfor skal der skrives artikler om det samme? Start på HTML serieguiderne har beskrevet alt det du siger, dog bare med flere eksempler og resultater. Desværre, jeg synes Start på HTML er meget mere overskeulig. Men ellers fint..."

PHP-Jonas | 25.11.2007, 12:23

 


10/10

"Kommenter :D"

Zuper-ZtarBang | 16.11.2007, 12:11

 

Send Artikel/anmeldelse til: phpuni@phpuniverset.dk

Tilbage til oversigt

FORUM

Nyeste forum indlæg :

PHP/Opencart import module

Opencart/php import modul hjælp

Lækkert kontor / kontorfællesskab i Helsingør

Opdatering af PHP

Vurdering af hjemmeside

Nyeste forum svar :

Joomla som CMS

Android programmering

Grafik problemer

Prissammenligningsside

Jeg yder fremover ikke support!

 

MEDLEM

LOGIN ER IKKE MULIGT, MENS VI LAVER NYT SITE
 

NYHEDSBREV

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og modtag nyheder om nye scripts og tips samt om mange andre nye tiltag på Phpuniverset.dk


 

© Copyright 2000 Propelcom Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
Webhost : Ignesco.dk - android talk & help

Bund