Title: HTML fra grunnen av?
Description: Interesse for det?
Tom R - June 9, 2004 02:30 PM (GMT)
Hei! Tenkte litt over det at det kanskje hadde vært litt artig å ha en liten innføring i HTML for de som ikke vet hva det er, og som kanskje kunne tenkt seg å lære å lage hjemmesider. Noen interesse for det eller? :rolleyes:
Hva trenger jeg for å lage hjemmesider? Jo, alt du faktisk trenger er et vanlig skriveprogram som Wordpad eller Notisblokk (ikke Word). Andre programmer kan vi heller komme inn på senere.
For de av dere som ikke vet hva HTML er. HTML står for Hyper Text Markup Language, og er det språket som brukes for å lage hjemmesider. HTML er bygd opp av "koder" som gjør forskjellige ting, og de kan brukes til mye rart. Så om det faktisk er noen som kunne tenkt seg å lært det, så si fra. :)
Tom R - June 9, 2004 06:10 PM (GMT)
HTML er kjempeartig, syns nå jeg :D .
Laiton - June 9, 2004 09:25 PM (GMT)
Hadde sikkert vært morro å lære, men æ orke ikkje...
Tom R - June 9, 2004 09:41 PM (GMT)
Vel, siden photoshop er populært her for tiden, så kunne det kanskje ha vært artigere med photoshop tutorials istedenfor? Ikke vet jeg :blink:
Arnt - June 10, 2004 07:24 AM (GMT)
Skriver/kopierer du denne kodedelen inn i notisblokka og lagrer den, da har du faktisk laget din egen (men helt tomme) intenettside.
Obs: når du lagrer den i notepad må du:
1.skifte Filtype til: Alle filer
2.skrive ".html" eller ".htm" etter filnavnet du har skrevet
| CODE |
<html>
<head>
</head>
<body>
...
</body>
</html> |
<html></html> skal vise starten og slutten av siden, ALT ANNET skal være mellom disse.
<head></head> alt som er mellom slutten og starten av hodet VISES IKKE på siden.
<body></body> kroppen til siden skal inneholde alt du vil skal VISES på siden.
Ja.. håper flere vil lære html, da vil jeg gladelig komme med små lærerike innfall..
Tor-Ivar - June 10, 2004 09:04 AM (GMT)
Head kan faktisk strykes. Siden fungerer helt fint uten. Det minste man trenger er
| CODE |
<HTML>
<BODY>
</BODY>
</HTML> |
Hvis man faktisk vil skrive noe også, er det en fordel at man gjør en liten endring, til dette:
| CODE |
<HTML lang=no>
<BODY>
Æ e i a æ å.
</BODY>
</HTML> |
Det som står mellom <BODY> og </BODY> er det som vises på siden, som Tom nevnte over.
Si i fra hvis du ser noe galt, Tom.
Arnt - June 10, 2004 01:43 PM (GMT)
Så la oss prøve å skrive litt tekst nå:
F.eks:
Jeg hater html.
Og e fast bestemt på å aldri lære d..
..og ingenting kan få meg til å skifte mening.
Kopierer du den biten og limer den inn på den siden du har laget hittil vil det se slik ut:
| CODE |
<html>
<body>
Jeg hater html.
Og e fast bestemt på å aldri lære d..
..og ingenting kan få meg til å skifte mening.
</body>
</html> |
Lagrer du siden nå og tar en titt på den vil det se slik ut:
Jeg hater html. Og e fast bestemt på å aldri lære d.. ..og ingenting kan få meg til å skifte mening.
For å unngå at alt havner på samme linje må man bruke en enkel tag..
(tag betyr kode og alle tagger i html er mellom to slike: <>)
..
<br> - Betyr BRake (pause) og lager et linjeskift der den blir plassert..
<p> - Betyr Paragraf og lager et linjeskift med mellomrom
Så for å fikse linjene på teksten prøver vi ut disse taggene:
| CODE |
<html>
<body>
Jeg hater html.<br>
Og e fast bestemt på å aldri lære d..<p>
..og ingenting kan få meg til å skifte mening.
</body>
</html> |
Resultat:
Jeg hater html.
Og e fast bestemt på å aldri lære d..
..og ingenting kan få meg til å skifte mening.
OBS: tagger som <html></html> må ha en slutt-tag, mens andre tagger som <br> og <img> skal ikke ha det.
Nå har du fått inn linjeskift og da er det på tide å bruke:
<u></u> - Underline (understrek)
<b></b> - Bold (tykk)
<i></i> - Italic (Italiensk.. skev tekst ..som tårnet i piza)
og så putter vi start og slutt taggene på hver sin side av ordene vi skal 'fikse' på, og ender opp med denne koden..
| CODE |
<html>
<body>
Jeg <u>hater</u> html.<br>
Og e fast bestemt på å <b>aldri</b> lære d..<p>
..og <i>ingenting</i> kan få meg til å skifte mening.
</body>
</html> |
Og da får vi resultatet vi var ute etter..
OBS: skal du lage tekst som feks er skev og understreket (Underskev), da er det 'for ordens skyld' best å ikke krysse taggene:
FEIL: <i><u>Underskev</i></u> italic taggen skal ikke slutte i en annen tag
RETT: <i><u>Underskev</u></i> her slutter man bold taggen FØR italic
PS: Noen vil sikkert nevne at jeg ikke brukte slutt taggen </p>, men det er fordi jeg ikke synes det er nødvendig og det vil danne seg et ekstra linjeskift under teksten som ikke er hendig i alle tilfeller.
Tom R - June 10, 2004 03:06 PM (GMT)
Den siste posten der var det jeg som skrev :wacko:
Arnt - June 10, 2004 04:23 PM (GMT)
| QUOTE |
| Mange bra eksempel fra Arnt her som dere kan bruke. Ideen om å fjerne <head> taggene Tor-Ivar tror jeg ikke er så veldig lurt. Spesielt ikke om du skal ha noe javascript med på siden. |
Hehe, takk.. Er foresten også enig i at <head> bør være med, det er flere andre tagger som skal være i <head>, deriblandt:
<meta> som søkemonitorer er avhengig av og som brukes til å merke at siden er copyrighted.
<link> som gjør at man kan koble in andre dokumenter (css) eller gi siden et icon.
og
<title></title> Denna sia har feks:
Tromsø Taekwon-do klubb`s Forum -> ...
som Title.
:( vil lære java..
| QUOTE |
| Jeg tenkte faktisk på at jeg kunne vise hvordan man lager hjemmesider i photoshop, for deretter å sette de sammen ved hjelp av tabeller i HTML. |
Ja.. :mellow: ..hvordan gjør man d? *um* kanskje du bør vurdere poste d i
Photoshop, æ har blitt photoshop-nerd ..tenkte bare at d va et stykke over 'Html fra grunnen' nivå.. du ser nå selv
Tom R - June 10, 2004 04:30 PM (GMT)
Litt PHP kan også brukes på hjemmesiden din. Her er et fint eksempel:
| CODE |
<?php
$variabel1 = "Min hjemmeside"; // her tildeler jeg variabelen en verdi
$variabel2 = "Her kommer det litt om min hjemmeside"; // gjør det samme her
?>
<html>
<head>
<title><? echo $variabel1 ?></title>
</head>
<body>
<? echo $variabel2 ?>
</body>
</head>
</html>
|
Dette er det samme som:
| CODE |
<html>
<head>
<title>Min Hjemmeside</title>
</head>
<body>
Her kommer det litt om min hjemmeside
</body>
</head>
</html>
|
Håper dere forstod litt av dette. Å bruke denne metoden kan spare dere MYE tid!!
Arnt - June 14, 2004 02:39 PM (GMT)
(håper d er greit at jeg utdyper d litt mer kai)
OBS: Mange norske sier nok "det er en link til en annen side" istedenfor "Det er en lenke til en annen side", men her kommer jeg til å bruke ordet lenke
hvis vi tar for oss start taggen <body>
ved å legge til innstillinger som:
bgcolor - bakgrunnsfarge
text - tekstfarge
link - farge på lenkene
alink - farge på lenken du har aktivert
vlink - farge på lenken(e) du har besøkt
da sier vi at vi skal bruke alle på en gang, og putter de inn i <body> taggen:
<body bgcolor= text= link= alink= vlink=>
Deretter må vi skrive inn fargene og det kan gjøres på tre måter:
a ) skrive inn de engelske navnene på fargene.. blue, pink, neongreen
b ) skrive inn hvor mye av fargene man vil ha i tall, rgb(rød,grønn,blå)
c ) skrive inn hvor mye av fargene man vil ha i hex kode, #rrggbb
Alternativ A
Ganske lettvint hvis du er ute etter noen av standard fargene, men hvis du skriver green er det ikke sikkert du får akkurat den grønnfargen du var ute etter..
-Eksempel: <body bgcolor=marin text=pink>
-
-(tar ikke med link, alink og vlink siden bruk av lenker ikke er beskrevet enda)
Alternativ B
Vi har de tre fargene Rød grønn og blå som vi får bruke, minimum fargestyrke er 0 mens maks fargestyrke er 255..
Dette er relativt lett å forstå så derfor viser jeg bare noen eksempler på de vanligste fargene:
OBS: Jeg har bare brukt mellomrom i eksemplene under for at jeg skal kunne vise tydeligere hvor jeg har brukt tallene, fjern mellomrommene hvis du skal bruke de (Feil: rgb(255, 0, 0) Rett: rgb(255,0,0))
rgb(255, 0, 0) - rødt
rgb( 0,255, 0) - grønn
rgb( 0, 0,255) - blå
rgb(255,255, 0) - gul
rgb(255, 0,255) - lys lilla
rgb( 0,255,255) - lyse blå
(desto mindre farge, desto mørkere, og omvendt)
rgb( 0, 0, 0) - svart
rgb(255,255,255) - hvit
(er det like mye av hver farge blir det svart, hvit eller en gråtone)
-Eksempel: <body bgcolor=rgb(100,81,0) text=rgb(200,186,166)>
-Det gir en brun side med en lysere brunfarge på teksten.
Alternativ C
Når du skriver fargene i hex kode, da gjør du egentlig det samme som i eksemplet over, nemlig å velge hvor mye av hver farge du vil ha..
Eksempel: <body bgcolor=#0088ff> (resultatet er en slags blåfarge)
"#" forteller bare siden at du skriver en hex kode
De to første siffrene: "00" sier hvor mye rødfarge du bruker. (i dette tilfellet bruker jeg ingen rødfarge)
De to neste siffrene: "88" forteller hvor mye grønnfarge.
Og de to siste siffrene: "ff" er hvor mye blåfarge du har. (ff er den største hex koden og er dermed tallet 255)
..ikke tro at JEG vet at hex koden "7a" er det samme som tallet 122.. nei det er noe jeg må regne på hvis jeg skal finne ut, hex kode er egentlig bare et annet tallsystem, 16-tallsystemet for å være nøyaktig.
og det består av disse siffrene:
0 1 2 3 4 5 6 7 8 9 A B C D E F (der A=10, B=11, C=12, D=13, E=14 og F=15)
Men la oss først se på vårt eget tallsystem (10-tallssystemet) som alle vet har disse 10 siffrene:
0 1 2 3 4 5 6 7 8 9
det høyeste sifferet er 9, så hvis vi skal kunne skrive 10 må vi bruke 2 siffer.
Det samme gjelder i 16-tallsystemet, det høyeste sifferet er f (15) så for å skrive 16 må vi bruke 2 siffer og da får vi:
10 (=16)
det største tallet vi kan skrive med to siffer i 10-talls systemet er 99 (eller 10*10-1)
det største tallet vi kan skrive med to siffer i 16-talls systemet er 255 (eller 16*16-1)
egentlig vet jeg ikke hvordan jeg skal kunne forklare dette godt nok, så jeg viser bare flere eksempler fra 16-tallssystemet og håper det gir noen forståelse:
00 (0)
01 (1)
02 (2)
10 (16*1 = 16)
20 (16*2 = 32)
30 (16*3 = 46)
40 (16*4 = 64)
42 (16*4 + 2 = 66)
4d (16*4 + 13 = 77)
90 (16*9 = 144)
a0 (16*10 = 160)
b0 (16*11 = 176)
f0 (16*15 = 240)
fe (16*15 + 14 = 254)
ff (16*15 + 15 = 255)
PS: Hvis du ikke velger farger, da vil disse fargene bli brukt:
a ) <body bgcolor=white text=black link=blue alink=blue vlink=purple>
b ) <body bgcolor=rgb(255,255,255) text=rgb(0,0,0) link=rgb(0,0,255) alink=rgb(0,0,255) vlink=rgb(128,0,128)>
c ) <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#0000ff vlink=#800080>[FONT=Courier]
Tor-Ivar - August 1, 2004 04:27 PM (GMT)
Jeg ser at flere har reagert på at jeg har påstått at man kan utelukke head. Det går fint å gjøre det, man da blir selvfølgelig siden deretter også. Poenget var at den ikke er absolutt nødvendig, slik det bla sagt øverst.
Når det gjelder metataggene er de viktigste som følger (eksemplene er fra tkd-lan.com). Som eksempelet viser, bør det plasseres etter title:
| CODE |
<HEAD>
<TITLE>
Tromsø TKD-LANs hjemmeside
</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="keywords" CONTENT="LAN,TKD,tkdlan,tkd-lan,taekwondo,.....">
<META NAME="description" CONTENT="Tromsø TKD-LAN er et alkoholfritt arrangement for medlemmer og ikke-medlemmer fra 12 år og oppover, og arrangeres av frivillige fra Tromsø taekwon-do-klubb.">
<META NAME="generator" CONTENT="Notepad">
<META NAME="author" CONTENT="Tor-Ivar Dahl-Olsen">
<META NAME="copyright" CONTENT="20©04 Canned Man/Tor-Ivar Dahl-Olsen. All rights reserved.">
<META NAME="distribution" CONTENT="global">
<META NAME="robots" CONTENT="all">
<META NAME="revisit-after" CONTENT="14"> |
I "http-equiv" får man sjansen til å skrive blant annet hvilket språk som brukes, slik at blant annet æ, ø og å vises korrekt.
"keywords" er det samme som søkeordene som brukes av søkemotorene. Sørg for at ingen ord gjentas.
"description" er det som vises når noen får treff på siden som en beskrivelse av siden.
"generator" er det programmet du har brukt til å lage siden.
"author" er navnet på den som har laget siden.
"copyright" sier seg selv.
"distribution" og "robots" overlater jeg til Tom eller Arnt å forklare.
"revisit-after" er slik jeg har fått forklart hvor lang tid det skal være i dager mellom hver gang søkemotoren sjekker opp siden for å se om det har blitt lagt til noe i søkeordene ("keywords").
Tom R - August 6, 2004 12:33 PM (GMT)
Meta tags er veldige fine å ha om du ønsker at folk skal finne siden din i søkemotorene.
| QUOTE |
hvis vi tar for oss start taggen <body>
ved å legge til innstillinger som:
bgcolor - bakgrunnsfarge
text - tekstfarge
link - farge på lenkene
alink - farge på lenken du har aktivert
vlink - farge på lenken(e) du har besøkt
da sier vi at vi skal bruke alle på en gang, og putter de inn i <body> taggen:
<body bgcolor= text= link= alink= vlink=>
|
Det som er lurt her er å putte alt i en css fil. Det samme gjelder tabeller, men tabeller begynner å bli gamle nå. Det som er inn å bruke nå er divs. Divs tilhører forresten xhtml.
Tor-Ivar - August 8, 2004 03:53 PM (GMT)
| QUOTE |
| Det som er lurt her er å putte alt i en css fil. Det samme gjelder tabeller, men tabeller begynner å bli gamle nå. Det som er inn å bruke nå er divs. Divs tilhører forresten xhtml. |
Hva er forskjellen på tabeller og divs? Hva er divs? Hva er forskjellen på html og xhtml (er x = "extended" eller noe sånt?)
Og så det jeg vil lære om: Dynamiske sider. Jeg skal sørge for å få gjort en komplett teknisk redesign av hjemmesiden til LANet, men ikke før jeg forstår dynasmiske sider.
Tom R - August 10, 2004 05:08 PM (GMT)
| QUOTE (Tor-Ivar @ 8th August 2004, 18:53) |
| QUOTE | | Det som er lurt her er å putte alt i en css fil. Det samme gjelder tabeller, men tabeller begynner å bli gamle nå. Det som er inn å bruke nå er divs. Divs tilhører forresten xhtml. |
Hva er forskjellen på tabeller og divs? Hva er divs? Hva er forskjellen på html og xhtml (er x = "extended" eller noe sånt?)
Og så det jeg vil lære om: Dynamiske sider. Jeg skal sørge for å få gjort en komplett teknisk redesign av hjemmesiden til LANet, men ikke før jeg forstår dynasmiske sider.
|
Dynamiske sider kan jeg hjelpe deg med. Om du vil så kan jeg hjelpe deg med å utvikle et brukersystem. I brukersystemet foretar du alt av posting av nyheter, administrere brukere, registrere nye brukere, oppdatere din egen profil, administrere gjesteboken (slette, endre innlegg, osv) Mye kan utrettes med PHP :D Når du lager siden din dynamisk så kan du endre alt innholdet på siden fra nettleseren til de som ikke viste det. Du er da ikke avhengig av å bruke FTP hver ganga du vil foreta en oppdatering.XHTML er på en måte en slags oppgradering fra HTML. I XHTML er det viktig å skrive koden sin veldig nøye og fin. Her kan du ikke la være å avslutte en tag, osv. Divs virker på samme måte som tabeller bare at du kan gjøre mye mer med dem.
For å lære deg å lage dynamiske sider Tor-Ivar så ta å søk etter PHP & MySQL. MySQL er en database type. Du har mange forskjellige, men det er den som er mest populær i disse dager.
Kai: Skal se om jeg finner koden for deg. Poster den her når jeg gjør det :)
Tom R - August 10, 2004 05:58 PM (GMT)
Her har du koden for å få et sånn "søk i google" greier. Bare lim dette inn i hjemmesiden din der hvor du vil ha det.
| CODE |
<form method="get" action="http://www.google.com/search">
<input maxLength=15 size=15 name=q value="Søk i Google">
<input type=hidden name=ie value="UTF-8">
<input name=hl type=hidden value=no>
<input type=submit value="Søk" name=btnG>
</form>
|
Tom R - August 10, 2004 09:57 PM (GMT)
No problem. Bare artig å hjelpe :)
Tom R - August 16, 2004 06:17 PM (GMT)
Hehe..har funnet navnet mitt på google og kvasir noen ganger jeg også :D
Tor-Ivar - August 17, 2004 10:34 AM (GMT)
Et Google-søk på "Tor-Ivar Dahl-Olsen" resulterte i 9 træff på mæ! Konge. Aljdri gjort det før.
Arnt - August 30, 2004 08:25 AM (GMT)
Fy assa, d er lenge sia æ har logga inn her (ikke at d/jeg har så mye å si da, men men)
Uansett så hadde JEG faktisk et spørsmål. Har nemlig lyst til å kjøpe meg eget domene, for der jeg har siden nå er det begrennset hvilke koder man kan bruke, og jeg har lyst til å teste litt nytt... så hva trenger man?
Hvis noen vil vite noe mer om "meta robots" så synes jeg google hadde forklart d ganske godt..
..nå drar jeg på kjøring :)
Tom R - September 22, 2004 08:44 PM (GMT)
Det du trenger er vel alt ettersom hva du skal ha på siden din. Er det store filmer og mange bilder som vil sluke en del båndbredde så bør du jo ta en litt stor pakke på 500-1000 MB. Andre ting du gjerne bør ha med er jo Apache/MySQL/PHP/PhpMyAdmin. Du er ikke avhengig av å ha noen av disse programmene, men de er fine å ha om du i fremtiden en gang planlegger å lage sidene dine dynamisk. En annen ting jeg må få si angående domene kjøp, er det at, billigst er ikke alltid best. Selv bruker jeg
www.servetheworld.no. Har aldri opplevd noe tull med de. Litt dyrt kan det bli, men det er absolutt verdt det :)
Tor-Ivar - September 23, 2004 06:09 AM (GMT)
Og som et lite PS til det: Skriv opp Tom Rikard som referense når du melder deg inn, siden han var førstemann som tipset deg. Domenet han er ansvarlig for:
www.andalsnes-tkd.com.
Arnt - September 24, 2004 12:41 PM (GMT)
:lol: takk for svaret Tom-Ricard
Har egentlig en liten internettside, ABSOLUTT alt på siden min er kodet/laget av megselv, så webplassen trenger ikke være så stor.. *heldigvis*
Hm.. men er det ikke mulig at jeg kan bruke den maskinen jeg nå har og ha den fast tilkoblet nettet, sånn.. at ..vel, tenkte at den kunne vise fram siden min.. um .. man må vel fortsatt kjøpe domene da? :wacko:
Tom R - September 25, 2004 12:22 PM (GMT)
Joda, så klart du kan det. Har lenge hatt lyst til å gjøre det på denne måten selv, ved å sette opp en egen server som jeg har hjemmesiden min på. For å ordne noe sånt så må du for det første ha en server. I tillegg må du innstallere Apache, og gjerne PHP og MySQL. Det neste du skal gjøre er å registrere et domenenavn GRATIS på
www.no-ip.com. Du vil da få et domene som ser noe sånt ut www.dinurl.no-ip.com. På No-ip.com så laster du bare ned et program som konstant oppdaterer domenenavnet ditt med den nyeste ip adressen og dns adressen din.
Her har du et par linker du kanskje kan finne nyttig:
http://www.no-ip.com //Gratis domene.
http://www.appservnetwork.com //3 i 1 pakke. Innstallerer PHP, MySQL, Apache og phpMyAdmin på din datamaskin.
Er det noe mer du lurer på så er det bare å spør.
Tor-Ivar - September 27, 2004 06:53 AM (GMT)
Cliche Hosting? kan også være et godt alternativ. De har
meget billige pakker for de som ikke trenger så mye plass, så dersom du ikke lager din egen server, ta en tur dit.
Aramil - October 14, 2004 08:50 PM (GMT)
Dau link over da....lite kjipt... :P
Arnt - October 22, 2004 09:27 AM (GMT)
Oki, hvis du trykker på HTML funksjons liste i signaturen min, så vil du komme til en side der jeg prøver å vise effekten av funksjonene alt etter hvilken kode de er brukt i, detta er heller mer et oppslagsverk for alle, med muligens relativt høy se og lær effekt..
:D Kos dokker med det som er der, nå skal æ gjøre lekser.. <_<
Senere vil linken bli fjernet, da vil du finne funksjons lista på den den egentlige hjemmesiden min..
Tor-Ivar - October 27, 2004 05:47 PM (GMT)
Jeg vil anbefale alle å styre så langt unna tabeller som mulig, så fremt det ikke faktisk er en tabell det skal brukes til. Tabeller blir misbrukt i alt for stor grad. CSS er en mye bedre metode, og blir anbefalt av
The World Wide Web Consortium. Ikke bare får du full kontroll over siden din, men i tillegg går du uendelig mye raskere å oppdatere siden.
Lenken ovenfor er nå oppdatert.
Arnt - November 1, 2004 02:40 PM (GMT)
Vel, websiden min er bokstavelig talt druknet i tabeller, tabeller er en av de tingene jeg har best kontroll på når det gjelder html og nå lyser du plutselig det i bann .. ta en titt på siden min, jeg har nesten ikke et eneste synlig bilde i menyen min, bare tabeller.. og det er jeg ganske fornøyd med.
Og når du mener at vi burde bruke css .. tenker du da på bruk av absolute-position i div taggene ?? (muligens skrevet css koden litt feil)
Tor-Ivar - February 2, 2005 07:56 PM (GMT)
Det finnes flere forskjellige måter å posisjonere med CSS på. Relativ eller absolutt er vel det folk flest velger. Men det er ikke til å komme fra at tabeller blir misbrukt i stor grad. Det er glimrende til å vise en skjematisk oversikt over noe, men det er ikke laget for å designe hele sider. Jeg vil si at "å lyse i bann" kanskje er litt hardt. Det virker, men dersom du ønsker å ha en side som er lett å holde vedlike, vil jeg anbefale å konvertere til CSS.
Tor-Ivar - February 3, 2005 02:55 PM (GMT)
Jeg må forresten tilføye at
World Wide Web Consortium (sjefene for nettet) anbefaler alle å bruke XHTML i stedet for standard HTML. For mer info, spør.
Tor-Ivar - April 27, 2005 11:28 AM (GMT)
Arnt har laget en liste med
forklaring på html-koder. Den anbefales.
En ting jeg lurte på: <src> Betyr da vel "source", ikke "search"?? Jeg spør bare.
Tabelloversikten din, Arnt, var veldig fin -- bra forklart!
- <tr> betyr table row
- <td> betyr table data
Arnt - April 27, 2005 06:22 PM (GMT)
| QUOTE |
Arnt har laget en liste med forklaring på html-koder. Den anbefales.
En ting jeg lurte på: <src> Betyr da vel "source", ikke "search"?? Jeg spør bare.
Tabelloversikten din, Arnt, var veldig fin -- bra forklart!
<tr> betyr table row
<td> betyr table data |
Den listen vil etter hvert forsvinne, jeg jobber nemlig med en CSS versjon av siden min.. og vil gå over til å bare fokusere på HTML, CSS, Casio CFX-9950GB Pluss kode og ting jeg mekker med disse (ferdige sideoppsett, små programmer) .. når dette etter hvert ser ok ut, vil jeg flytte de over..
^_^ src .. betyr nok source, jeg hadde bare hoppet til raske konkulusjoner da jeg skrev oversikten, tr og td hadde jeg helt glemt av.. vil bli fikset til imorgen.
| QUOTE |
| Jeg vil si at "å lyse i bann" kanskje er litt hardt |
:( Sorry ordvalget.. jeg oppdaget også at var litt drøyt, men da var det for sent.
Tor-Ivar - April 27, 2005 06:53 PM (GMT)
| QUOTE |
| Den listen vil etter hvert forsvinne, jeg jobber nemlig med en CSS versjon av siden min.. og vil gå over til å bare fokusere på HTML, CSS, Casio CFX-9950GB Pluss kode og ting jeg mekker med disse (ferdige sideoppsett, små programmer) .. når dette etter hvert ser ok ut, vil jeg flytte de over.. |
CSS er helt klart det best du kan bruke i dag. Det er ingen ting som gjør det lettere å oppdatere siden sin, og nå viser det seg at Microsoft faktisk ser ut til å gi 100% CSS-støtte i Internet Explorer 8, slik webdesignere har mast om i årevis. Når det gjelder redigering av CSS, kan jeg anbefale
Style Master. Det er et veldig intuitivt program, og det beste av alt, er at det sier fra dersom noen nettlesere ikke kommer til å skjønne koden (og hvilke nettlesere det gjelder).
Når det gjelder html: Har du fulgt med på W3 sin oppdatering av gyldig kode?
Casio: Skriver du spill for Casio?
| QUOTE |
| Sorry ordvalget.. jeg oppdaget også at var litt drøyt, men da var det for sent. |
Kein problem, mein Herr!
Arnt - April 27, 2005 08:20 PM (GMT)
| QUOTE |
Når det gjelder html: Har du fulgt med på W3 sin oppdatering av gyldig kode?
Casio: Skriver du spill for Casio? |
HTML: Nei, jeg er desverre ikke ofte på W3 sin side, men det må det bli en slutt på.
CASIO: Når det gjelder Casio så har jeg drevet og laget småprogrammer i flere år, spill ventet jeg med til jeg var kommet mer inn i det..
Men på starten av detta året fikk jeg en ide til et rpg jeg har kalt "TWONE - The World Of North East", det er langt fra ferdig, ikke engang noen beta, men det begynner helt klart og ta form, og jeg vil helt klart holde dere løpende oppdatert via den nye internettsiden min. (når den kommer)
Her er en link for de som vil lære mer om effektiv programmering på vitenskapelige calkulatorer, inneholder mye godt stoff:
CasioCalc.org Tor-Ivar - April 27, 2005 09:41 PM (GMT)
| QUOTE |
| og jeg vil helt klart holde dere løpende oppdatert via den nye internettsiden min. (når den komme |
Et tips til de som leter etter et billig webhotell*. Ta en titt på
Cliche.no. Der kan dere få webhotell helt nede i fem kroner per måned! Selv har jeg valgt delta-pakken til 25 per måned. Det er råbillig!
Arnt - April 29, 2005 06:46 AM (GMT)
:wacko: Argh.. koffer e æ ikke logga in når æ skriv..
Tor-Ivar - April 29, 2005 10:00 AM (GMT)
Nå er det selvfølgelig noe helt annet når man skal lage et html-, eller aller helst xhtml-dokument, etter de gjeldende standardene. Da ikke bør, men skal, strukturen være slik:
| CODE |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<body>
</body>
</html> |
Doctype er naturligvis ikke nødvendig å avslutte, siden det ikke er en ordinær <tag>. Det er forresten veldig mange sider som utelater denne, og det er uheldig, siden det gjør det umulig å få verifisert koden. Gjennom å verifisere koden på
W3.orgs kodekontrollør Gjennom å gjøre dette, får man kontrollert at siden er fri for feil, og at den i tillegg er oppdatert mot dagens standard for xhtml (som erstatter html). De forskjellige doctype-ene finner du på
http://www.w3.org/QA/2002/04/valid-dtd-list.html.
Å skrive xhtml i stedet for html er vanvittig enkelt. De tre viktigste forskjellene er at gamle, utdaterte tagger som <font>, <b>, <i> osv ikke lenger kan brukes, og nummer to er at ALLE tagger skal avsluttes. Det siste, og viktigste, er at ALLE tagger skal skrives med små bokstaver (fra og med <html> til og med </html>). I tillegg må man selvfølgelig nevne at xhtml og CSS går som hånd i hanske.
Tor-Ivar - April 29, 2005 12:08 PM (GMT)
En standard nettside, med et veldig lite hode, vil bli seende slik ut:
| CODE |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Min fantastiske xhtml-hjemmeside</title>
<link href="/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Hovedoverskrift</h1>
<p><strong>Eksempel på fete bokstaver</strong><br />
<em>Eksempel på kursive bokstaver</em><br /></p>
<p>Disse nye taggene ser helt lik ut på skjermen, men de har en ekstra fordel:
De som er handicappede og bruker en oral nettleser, vil også få med seg at
teksten er fremhevet. Det er med andre ord ikke mye som skal til for å gjøre
nettsiden oppdatert etter dagens standard. </p>
<p>Legg for øvrig merke til "/>" på slutten av blant annet break-taggen <br>.
Som nevnt skal ALLE tagger avsluttes, og når det er en tag uten noe inni,
gjøres det slik.</p>
</body>
</html>
|
Jeg har i tillegg lagt til en lenke til stilarket jeg bruker, som i dette tilfellet har blitt kalt styles.css. I dette stilarket kan man definere hvordan alt ser ut, hvor det er plassert, osv. Dette gjør at man ikke behøver å bruke plass i html-dokumentet på å skrive inn designen av siden, men heller konsentrere seg om innholdet, og tiden på å laste inn siden blir mye kortere.
Det kan for øvrig nevnes at når en person har gått inn på en side, og lastet inn css-dokumentet, blir dette liggende, slik at hvis en annen del av siden bruker det samme stilarket, trenger man ikke å laste det ned en gang til. Dermed sparer man VANVITTIG mye tid, sammenlignet med standardsiden som er overfylt med tabeller, <tr> og <td> i hytt og gevær.
En siste fordel med å benytte stilark, er naturligvis at man kan oppdatere designen hele siden sin, med å endre på kun ett dokument, i stedet for å måtte redigere hvert enkelt html-dokument.
Tor-Ivar - May 2, 2005 06:55 AM (GMT)
Bra sagt, Tom! Dessuten er det så lite som skal til. Det første er at man oppdaterer seg litt, og det er jo nesten latterlig å skulle kalle seg webmaster uten å ha oversikt over hva som er gjeldende standard, eller i det minste prøve å finne ut av det.
Når det gjelder det å skifte ut gode, gamle <b> og <i>, går det jo an å skrive dokumentet på vanlig måte (siden det går raskere), og så bruk "Erstatt" etterpå.
Og det å logge inn, ja det er mye arbeid gitt. Kryss av for automatisk innlogging i stedet.
