Top
Phpuniverset logo
 
BANNER 930

INDHOLD

Forside

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

Forum

Online udviklere


ARTIKLER

C / C++

CSS

Diverse

E-handel / annoncer

Flash

Grafik

HTML

Internet

Javascript

Linux

PHP/MySQL

Programmer

Søgemaskiner

Windows


INFO

Information

Annoncering

Kontakt

HTML Fra Bunden - (Begynder Artikel)

Forside Kategori HTML HTML Fra Bunden - (Begynder Artikel)


Fortæller dokumentet ay du vil begynde på en ny tække i din tabel.


 
- Introduktion Nu har jeg bestemt mig for efter jeg selv har kodet lidt HTML og CSS i et halvt årstid, at lave en artikel med det grundlæggende, dette er en artikel for totalt begyndere, så hvis du selv er god til HTML, vil den her artikel spilde din tid. |1.0 Hvad du skal bruge.| Hvis du bruger Windows er det eneste du skal bruge Notesblok/Notepad. Hvis du ikke bruger Windows, skal du bruge en tilsvarende simpel teksteditor: f.eks. Pico hvis du bruger Unix/Linux eller Simple Text, hvis du er Mac-bruger. |2.0 struktur| Først skal du åbne din teksteditor. så starter du med at skrive:
  
Det fortæller din teksteditor at du nu vil til at kode HTML. HTML's struktur er bygget op af et hoved/head og en krop/body Først laver man sit hoved/head, i hovedet fortæller du hvad siden skal hedde i browseren, det ser sådan her ud: [CODE}] min første side Nu vil der så stå "min første side" oppe i den blå browseren. Lige en anden grundlæggende ting, når du åbner et tag ( fx ) skal du altid bruge den her kommando: når du så vil lukke det igen bruger du så den her kommando: nu videre i din websites struktur, nu skal du lære hvordan kroppen/body kommandoen virker. Men først lidt information om hvilke ting du kan lave i dokumentes krop/body. Kroppen/body er det sted i dokumentet, hvor du bestemmer følgende ting: tabeller,layout & billeder. og en hel masse andre ting, men jeg vil kun komme ind på de områder i min guide. Nu skal vi lave vores første side:




 Min Første Side 



 

Min første side.

 



Nu skal du så gemme siden som: test.html når du koder i HTML, skal du altid gemme din som .html |3.0 - Layout| ALT LAYOUT SKAL SKRIVES UNDER Okay først skal vi lære at skifte linje: [CODE} hej mit navn er Kasper

Jeg er 16 år Gammel. [/CODE) Du skal selvfølgelig stadig væk have lavet dit hoved/head, før du begynder med din krop/body, den del med hoved/head springer jeg over i den her del af artiklen. Man kan også lavet et støre linjeskift sådan her:

Hej mit navn er Kasper

Jeg er 16 år gammel
du kan også Lave din skrift om til fed skrift sådan her:
 Hej mit navn er kasper.

Jeg er 16 år gammel.

Du kan også lave skråskrift sådan her:
 Hej mit navn er Kasper 
Men hvis du nu skal have en overskrift inde midt på siden, så gør du bare sådan her:
 

Velkommen

Først hvad de 2 forskellige tags gør: Center = Centeret tekst. h1 = Stor overskrift. Du kan også bruge h2 og h3, det er bare mindre overskrifter. Hvis du nu skulle for brug for at lave din tekst mindre af en eller anden grund kan det også gøres ved hjælp af et simpelt tag:
 den her skrift er lille 
Hvis du vil lave en slags menu, kan du lave din tekst i punkter sådan her:
  • Punkt A
  • Punkt B
  • Punkt C
  • Punkt D
  • Hvad nu hvis jeg vil have min skrift lavet om til en anden farve? så skal du bare bruge følgende tag:
    {
      color: #FF0000;
    }
    
    Nu skulle din tekst gerne være rød. Du kan finde mange farve kode rundt på nettet, dette er bare en af mange. OBS! Dette er dog ikke en html kode, men en CSS kode. Så nu til sidste Tag, du vil gerne have gerne have lavet din baggrund sort, så skriver du bare følgende kode:
    {
     background-color: #000000;
    }
    
    nu skulle din baggrund gerne være sort. Igen dette er bare en af mange farve koder. koder til farver, er de samme til tekst og baggrunds farver. |4.0 - Tabeller| TABELLER LAVES OGSÅ UNDER BODY Det lyder måske svært, men det er faktisk meget nemt at lave en tabel. Din første tabel:
    Celle 1 Celle 2
    Celle 3 Celle 4
    [/CODE} Nu har lavet en tabel, problemet er bare at den ikke har nogen ramme rundt om sig, det viser jeg hvordan man gør lige om lidt, først vil jeg lige forklare hvad de forskellige tags gør:
     Fortæller dokumentet at du vil lave en Tabel.
    
    
    laver en ny celle. Nå, nu vil vi gerne have en ramme om vores Tabel, så den ikke ser så grim ud mere:
    
    
    Nu har du så en ramme om din tabel, du kan ramme om din tabel større ved at ændre tallet til fx. 10. Du kan også bestemme hvor mange % af skærmbilledet din tabel skal fylde, det gør du sådan her:
     
    
    Nu vil din tabel så fylde en 1/10 af dit skærbillede. |5.0 - Indsætning af billeder| At indsætte billeder, er noget af det nemmeste at gøre du skal bruge følgende tag:
    
    
    "img" står for "image" = billede på dansk. "src" står for "Source" = kilde på dansk. så det du skal gøre er at give taget det link til den folder/mappe du vil hente dit billed fra. lige et eksempel: vi siger nu du har et billede liggende i en mappe der hedder billeder, så src er i dette tilfælde billeder. derefter kommer billedets navn så, billedet hedder, edward, og billedet er gemt som en .gif fil. så koden vil komme til at se sådan her ud.
    
    
    Jah meget simpelt, du kan selvfølgelig også hente andre billede filer som, JPEG & PNG. JPEG & GIF er dog de mest brugte. Det var så alt fra mig. Hvis du har nogle spørgsmål, så skriv endlig til min email, eller add mig på MSN på: Joergensen_02@hotmail.com Håber min guide kan hjælpe nogle af jer nybegyndere.


    Skrevet af: Kasper Jørgensen | Dato : 2008-07-16 23:4 | Læst : 9018 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

     

    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 :

    Vurdering af hjemmeside

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

    Android programmering

    Joomla som CMS

    Grafik problemer

     

    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


     

    Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
    Webhost : Ignesco.dk -

    Bund