Innføring i html

Dokumentstruktur

Enkleste versjon:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
  <TITLE>Tittel på dokumentet</TITLE>
</HEAD>

<BODY BGCOLOR="#ffffff" TEXT="#000000">
  Her kan man skrive masse tekst
</BODY>

</HTML>

Overskrifter: <H1>, <H2>, <H3> osv der <H1> er størst
Linjeskift: <BR>
Mellomrom/Avsnitt: <P>
Link: <A HREF="relativ_eller_absolutt_adresse">
Bilde: <IMG SRC="bilde_navn" ALT="beskrivelse av bilde">
Norske bokstaver: æ = æ Æ = Æ
ø = ø Ø = Ø
å = å Å = Å

Overskrifter:	<H1>, <H2>, <H3> osv der <H1> er størst
Linjeskift:	<BR>
Mellomrom/Avsnitt:	<P>
Link:	<A HREF="relativ_eller_absolutt_adresse">
Bilde:	<IMG SRC="bilde_navn" ALT="beskrivelse av bilde">
Norske bokstaver:	æ = æ Æ = Æ ø = ø Ø = Ø å = å Å = Å

Eksempel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>
  <TITLE>GrIT</TITLE>
</HEAD>

<BODY BGCOLOR="#ffffff" TEXT="#000000">

<H1>Hjemmeside for faget Grunnleggende IT</H1>

Dette er hjemmesiden for kurset Grunnleggende IT ved HiØ<BR>

<P align="center">
Her er et sentrert avsnitt
</P>

Mere prat om faget<BR>Enda mere prat<P>Litt luft er fint 
<A HREF="http://www.google.com/index.html">her!</A>
<P>
<IMG SRC="bilder/mitt_bilde.jpg" ALT="Bildet mitt">

Dette er ikke meg!

</BODY>

</HTML>

Resultat

Litt emacs, bare stikkord

html-helper-mode i emacs(tilleggspakke)
html-mode i emacs(default installert)
C-c C-c h => link
C-c C-c i => bilde
C-c j => linjeskift
C-c RET => mellomrom
C-c C-c o => ordered list
C-c C-c u => unordered list
C-c C-c l => listeobjekt
macroer i emacs
Kan lagres på fil, og kjøres senere eller lages til noe man skal gjøre en gang

Nyttige linker

HTML4U
HTML Validator