Forelesning i Informatikk 03.10.95

Å skrive egne sider i WWW

WWW sider skrives i HTML(HyperText Markup Language)
- HTML-dokument er rene ASCII-filer(ren tekst). Spesielle effekter, så som uthevet skrift og skrå skrift, skapes ved å sette inn koder i teksten:
  ..., så som <b>uthevet skrift</b> og <i>skrå skrift</i>, skapes...
- Eksemplet over illustrerer et viktig prinsipp for mange koder i HTML; de slåes på og de slåes av. Vi ser at større skrift slåes på ved hjelp av koden <b> og av med koden </b>. Dersom vi i eksemplet over hadde glemt å skru av koden for større skrift
  ..., så som <b>uthevet skrift og <i>skrå skrift</i>, skapes...
  ville det ha blitt seende slik ut
  ..., så som uthevet skrift og skrå skrift, skapes...
- Imidlertid er det ikke alle koder som må slåes av; de virker en gang og påvirker ikke resten av dokumentet utover dette. Dette er oftest koder som påvirker strukturen i teksten heller enn utseendet av teksten
  En slike kode er <p> som benyttes for å opprette et nytt avsnitt. En annen er <br> som tilsvarer linjeskift.
- Et HTML-dokument er av begrenset nytte om det ikke gir leseren noen mulighet til å komme seg videre i nettvandringen. Å sette inn en lenke til et annet dokument gjøres på følgende måte
  ...inn en <a href="http://158.38.33.18/~dennisgl/index.html">lenke til et annet dokument</a> gjøres...
  Vi ser at formatet for en lenke er <a href="Sidens URL">Tekst du vil brukeren skal kunne trykke på</a>
- En ting som kan forvirre mange er at HTML ikke tar hensyn til linjeskift som du gjør i dokumentet
  I HTML-dokumentet ser avsnittet over ut som følger:
```
En ting som kan forvirre mange er at HTML ikke tar hensyn til linjeskift 
som 
du 
gjør 
i 
dokumentet
```
  Dersom du vil ha linjeskift på et bestemt sted må
  du
  bruke
  koden <br>
  Vil du ha nytt avsnitt bruker du koden <p>
Strukturen i et HTML dokument:
- Oppbyggingen av et HTML-dokument er som følger:
```
	<html>

	<head>
	<title>Tittelen_på_dokumentet</title>
	</head>

	<body>
	her plasserer du teksten din, med lenker og koder
	</body>

	</html>
```
  Vi ser at dokumentet begynner med koden <html> og slutter med </html>. Dette forteller at allt som står mellom disse kodene som skal tolkes som et HTML-dokument.
  Videre ser vi at dokumentet består av to hoveddeler, et hode(mellom <head> og </head>) og en kropp(mellom <body> og </body>).
  I hodet er det vanlig å sette tittelen på dokumentet. Når Netscape henter inn dokumentet vil tittelen komme i feltet på toppen av vinduet.
  I kroppen skriver du inn teksten i dokumentet.

Et utvalg HTML-koder

Koder som formaterer tekst
1. Overskrift nivå 1
  <h1> </h1>
2. Overskrift nivå 2
  <h2> </h2>
3. Overskrift nivå 3
  <h3> </h3>
4. Overskrift nivå 4
  <h4> </h4>
5. Overskrift nivå 5
  <h5> </h5>
6. Overskrift nivå 6
  <h6> </h6>
7. Uthevet tekst
  <b> </b>
8. Kursiv tekst
  <i> </i>
9. Blinkende tekst
  <blink> </blink>
10. ```
Preformatert tekst
```
  <pre> </pre>
Koder som strukturerer tekst
1. En uordnet liste,
  <ul> <li> </ul>
  Eks:
  - et punkt
  - et annet punkt
```
	<ul>
	<li>et punkt
	<li>et annet punkt
	</ul>
```
2. En ordnet liste, eks:
  <ol> <li> <ul>
  Eks:
  1. punkt 1
  2. punkt 2
```
	<ol>
	<li>punkt 1
	<li>punkt 2
	</ol>
```
  Dersom du ønsker en annen nummereringsmåte enn den som er standard kan gjøre det ved å utvide <ol> koden til <ol type=x> der x er:
  - a/A: små/store bokstaver
  - i/I: små/store romertall
  Eks:
  1. Dette er punkt 1
  2. Dette er punkt 2
  3. Dette er punkt 3
```
	<ol type=i>
	<li>Dette er punkt 1
	<li>Dette er punkt 2
	<li>Dette er punkt 3
	</ol>
```
3. Sentrering av tekst
  <center> </center>
  Eks:
  Sentrert tekst
4. Linjeskift
  <br>
5. Nytt avsnitt
  <p>
Andre koder
1. Sette inn lenker i teksten
  <a href="Sidens URL">Tekst du vil leseren skal kunne trykke på</a>
2. Sett inn et bilde<img src="sti og filnavn på grafikkfilen">
3. Markere start og slutt på dokumentet<html> </html>
4. Markere start og slutt på hodet<head> </head>
5. Markere start og slutt på kroppen<body> </body>
6. Oppgi tittelen på dokumentet. Plasseres i hodet.<title> </title>



©dennisgl@stud.lu.hist.no Dennis G. Landsem

Forelesning i Informatikk 03.10.95

Å skrive egne sider i WWW

Et utvalg HTML-koder

Overskrift nivå 1

Overskrift nivå 2

Overskrift nivå 3

Overskrift nivå 4

Overskrift nivå 5

Overskrift nivå 6