web ;~}} curlingthebrackets {Part 5}

Page 5 of 5
<
1
2
3
4
5

Puslespil med tags

Skriv(eller paste) en lille tekst i en text-editor og gem den med det rigtige ‘filnavn.html’
Åbn den nye fil i en browser

En moderne browser vil højst sandsynligt vise teksten – bare uden struktur og uden den formatering du havde bestemt. Dermed kan du ikke få kontrol over din tekst.

Pak det hele ind i de rigtige tags-elementer for at få den ønskede og korrekte struktur. Du vil få brug for at pusle-spille mellem føgende elementer – her listet op i en tosset rækkefølge :

<p> </p>

<title> </title>

<em> </em>

<img src=”" alt=”" />

<head> </head>

<br />

<h1> </h1>

<html> </html>

<body> </body>

<b> </b>

Hele din tekst skal forvandles til html: en skøn krop, der sidder et godt hoved på.

Modified: 25 February 2010 • by admin
Created: 12 February 2007 • by admin
Categories: oevelse • x-html
Comments: be the first to comment

Kode er tilgængelig for alle

Åben en hjemmeside i en hvilken som helst browser

Koden er det tekst-sprog som browseren læser og fortolker, for at kunne vise dig det du ser.

Koden ved selvsyn hedder ‘vis kilde’, ’source’, ‘display source’ eller lignende. Let tilgængelig i menueerne eller ved højreklik.

I virkeligheden er den allerede på din harddisk gennem cache-lageret, som det kan være lidt svært at grave den frem fra igen – men nu, da den er synlig og fremme i en texteditor, er den så let at gemme eller copy/paste fra.

gem filen på harddisken i en vel-navngivet mappe og åbn den påny i en browser.

Du vil da se på adresselinien , at filen nu er lokal..

Der er nu muligt at ændre i koden på kreativ vis – “hvad sker der hvis jeg flytter den tabel længere ned under den div?” (gem, gå til browseren og opdater og chek ud) tilbage til koden og ændre lidt mere – står der align=”left”, så prøv at skrive “right”, (gem – hen og chekke ud – Nååå flot – tilbage igen – mere..)

Husk at markere indhold inclusiv tags – fra start til slut <>…</>

Det er smart at have flere programmer åbne: texteditor, browser(e) og skifte imellem dem hurtigt med Alt+Tab, hvor du hoder Alt nede mens du dapper med Tab.

Du kan nemt tage bider fra flere forskellige koder, ændre, klippe-klistre dem ind i den fil du bruger som prøveklud.

Nye billeder? så må de gemmes lokalt – i samme mappe som html-filen fx., og refereres til i forhold til den:

<img src=”ditbilledesnavn.jpg” />

Og så kan man jo altid spørge Google om “indsæt billede i html” og på dansk

Modified: 13 February 2010 • by admin
Created: 12 February 2007 • by admin
Categories: oevelse • x-html
Comments: be the first to comment

Fil og Mappestruktur

roots

Et forslag. Strukturen må svare til indholdet og opgaven.

[] Mitnavn_roots
- [] source_files(fx. arbejdsfiler, som ikke skal uploades)
  - my_image.psd
- [] proj1_site_v1 (tilsvarende rodmappe på monline er public_html)
  - index.html
  - [] interface_pix
    - my_image.gif
  - [] gallery
    - index.html
    - [] images
  - [] info
    - index.html
    - [] images
  - [] contact
    - index.html
    - [] images