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

Start på HTML (1)

Forside Kategori HTML Start på HTML (1)




 

Denne guide skal skaffe dig et indblik i HTML. Der bliver fortalt et par tags og andet.

Dette er min første guide her på phpuniverset.dk og jeg håber den vil hjælpe dig til et godt indblik i HTML. Der vil komme flere guides fra min side vedr. HTML, da dette er en slags serie guide.

Inden vi starter...

Inden vi starter er der lige et par ting, der er gode at vide inden.

Du kan kode HTML mange steder. Der findes mange specielle HTML-skrivnings programmer der kan gøre din kodning af HTML nemmere. En af dem er bl.a. Stones webwriter 4.0, der er gratis og lovligt at downloade. Du kan downloade det, på den følgende URL: www.Webwriter.dk
Stones webwrtier 4.0 farver bl.a. forkerte tags og kodninger helt hvide, mens de rigtige tags er grå/blåe eftersom hvad de indeholder.

Hvis du ikke er så meget for Stones webwriter er Notepad også helt fint... lad os nu se på lidt kodning.

Start på HTML

Man starter alle HTML tags med: < efterfulgt af kommandoen og > Når man så vil slutte sit element: < efterfulgt af kommandoen og /> . Forvirret? Lad os lige tage et eksempel:

<b> (Nu er en fed-skrift kommando sat i værk. Alt efter <b> vil stå med fed, indtil </b> kommer)

<b> får altså gjort alt skrift fed, indtil kommandoen sluttes af med </b>

Opbyggelse af et HTML-dokument

Nu hvor vi har set på hvordan et tag er opbygget, er det på tide at kigge på, hvilke tags og andet der skal være i sit dokument, før det bliver tolket som et HTML-dokument.

Inden browseren vil tolke sit dokument som HTML, er det vigtigt den ved det er et HTML-dokument der er tale om.

<html> starter et HTML-dokument, og når alt kodningen er slut, skal du selvfølgelig slutte HTML-dokumentet. Det gøres med </html>

Nu kan du prøve at skrive <html> tekst </html>
i dit dokument, opload det til din side, og der vil stå: tekst . Lad os nu kigge på lidt flere tags, så vi kan få vores side pænere.

Som hos os mennesker, har et HTML-dokument også et Head (hoved) og Body (krop). Et normalt HTML-dokument indeholder altså <head></head> og <body></body> indenfor <html> og </html>.

Eksempel:

<html>
<head> </head>
<body> </body>
</html>

Sådan kunne et HTML-dokument se ud. I body'en sættes alt af sidens egentlige indhold, mens man normalt bruger head'eren til bl.a. at få en titel øverst i browser-vinduet. En ting der ofte bruges på websider er title. Den sættes i head'eren, og sætter en tekst oppe i browser-vinduet.

Et eksempel:

<head> <title> Min første side </title> </head>
det vil vise: Min første side øverst i browseren.

Indeni body'en sættes de fleste af alle tags, ja der er mange! Lad os kigge på et par af de mange tags.

Tags

Lad os kigge på et par tags:

<b> tekst </b> returnerer tekst med fed skrift
<i> tekst </i> returnerer tekst med kursiv
<u> tekst </u> returnerer tekst med understregning
<h1> tekst </h1> returnerer tekst med hovedskrift 1
<h2> tekst </h2> returnerer tekst med hovedskrift 2
- Jo større hovedskrift nummeret er (h1, h2, h3 osv.) jo mindre bliver skriften. Altså <h1></h1> er den største af dem alle osv.

Alle disse tags skrives indenfor <body> </body> elementet.

Når man gerne vil lave en fin sætning, kan man bruge <p> kommandoen. Den returnerer alt teksten indenfor <p> og </p> sat flot ind.

Hvis du gerne vil lave et linjeskit, kan du bruge <br>. Denne tag behøver ingen slutning, den står altså helt alene.

Et eksempel:

Jeg er<br>sej
Sej vil nu blive tvunget ned på næste linje. Hvis du laver 2 <br>-elementer vil der komme 2 linjeskift.
<hr> er ligesom <br>. Et element der ikke behøver en afslutning. Den laver en fin streg fra venstre start af siden til højre slut. Den kan evt. bruges til at holde på dit site mere overskueligt. Husk nu at holde styr på dine <br> elementer og dine andre tags, ellers kan det ende med at dit HTML-dokument bliver meget uoverskeuligt.

Alle disse tags skal også skrives i body-elementet.

Nu kan du så småt begynde at lave lidt kodning på din side. Dette var nummer 1, af disse serie-guides. Der vil komme flere med tiden, hvor du vil lære at lave din side meget mere professionel og pænere. Der er ikke andet at sige: Øv dig lidt på det ovenstående og vent til endnu et af disse serie-guides er på banen!



Skrevet af: PHP-Jonas | Dato : 2007-09-05 22:2 | Læst : 9413 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

 


9/10

"fin artikel der beskriver tingende godt "

Billy Nielsen | 25.12.2009, 19:05

 


10/10

"I må gerne give kommentarer! :-)"

PHP-Jonas | 23.09.2007, 17:46

 

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 :

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

Android programmering

Joomla som CMS

Grafik problemer

Prissammenligningsside

 

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