Introductie HTML  

Historische Romans

Historische films

Lesmateriaal

Werkstukken

Methodesites

Links vakken

Zoekmachines

 

Korte introductie HTML

<html> de site begint met <html> en eindigt met </html>

<head> De kop – tussen <head> en </head> - bevat gegevens die van
belang zijn voor het goed functioneren van de site, voor het gevonden worden op internet , metatags, en bevat soms een deel van javascript. Deze informatie is niet zichtbaar op internet.

<title> Tussen <title> en </title> komt de titel van de site

</title>

</head>

<body>Tussen <body> en </body> komt de informatie op de pagina, die zichtbaar is voor de bezoekers van je site

</body>

</html>

 

Head

Een voorbeeld van onderdelen die een plaats kunnen krijgen in het ‘Head’ gedeelte. Dit gedeelte van de site is voor bezoekers niet zichtbaar.

  •  ‘Meta name=”keywords”….’ en ‘meta name=”description”….’ zijn belangrijk voor zoekmachines. Deze omschrijvingen maken de kans dat iemand op jouw site terecht komt groter. Kies daarom goede trefwoorden. 
  • <link rel="stylesheet" type="text/css" href="taal.css">. Deze regel verwijst naar een externe style sheet, waarin lettertype, achtegrond, koppen e.d. worden gedefinieerd.
  • Tussen <title> en </title> komt de titel van de site
  • <style>BODY {SCROLLBAR-FACE-COLOR: #CED0AB}</style> bepaalt de kleur van de scrollbar op de site. De code #CED0AB kun je uiteraard aanpassen.

 

<html>

<head>

<meta name="author" CONTENT="Albert van der Kaap(kaap@home.nl)">

<meta name="keywords" content="frontpage, frontpage2003, html, metatags">

<meta name="description" content="demosite, cursus FrontPage 2003">

<link rel="stylesheet" type="text/css" href="taal.css">
<title>demo</title>
<style>
BODY {SCROLLBAR-FACE-COLOR: #CED0AB}
</style>

 

</head>

 

 

Body

 

<body bgcolor="#333333" text="#FF9900" link="#FF6600" vlink="#FF9933" alink="#FFCC00">

 

·        De cijfers en/of letters achter het hekje zijn kleurcodes

·        Bgcolor = de kleur van het scherm

·        Link, vlink en alink staan voor standaard kleur van de link, gevolgde link en actieve link

 

<font SIZE="1" COLOR="#0000c0"> </font>

 

·        het getal achter  ‘font SIZE’ geeft de grootte van de letter aan

·        ‘color’ geeft de kleur van de letter aan

 

<b>bold </b>

·        tekst tussen <b> en </b> wordt vet gedrukt

 

<i>italic </i>

·        tekst tussen <b> en </b> wordt cursief gedrukt

 

 

Button met link

<a href="index.htm"><img border="0" src="images/homebutton.gif" width="42" height="36"></a> 

  • a href  geeft aan dat er sprake is van een link. Deze regel wordt afgesloten met </a>
  • img= image, er is dus sprake van een link gekoppeld aan een afbeelding
  • width en height geven respectievelijk de breedte en hoogte van een afbeelding aan

Link

<a href="werkschema1.htm">Werkschema 1</a>

 

·        Deze link verwijst naar een bestand op de eigen website

 

<a href="http://www.dbonhoeffer.org/" target="_blank">

 

·        Deze link verwijst naar een website elders op het internet

·        Target=’_blank’ betekent dat de website in een nieuw venster wordt geopend

 

 

Bladwijzer

<a href="#Werkschema's">Werkschema's</a>

 

·        Het hekje (#) geeft aan dat er hier sprake is van een bladwijzer, een verwijzing naar een andere deel op dezelfde pagina

 

Opsomming met bladwijzers

<ul>

<li><a href="#Werkschema's">Werkschema's</a></li>

<li><a href="#Links">Links</a></li>

</ul>  
    

  • Als je een opsomming maakt met cijfers, letters op punten dan staat de opsooming tussen <ul> en </ul>
  • Elke item in de opsomming staat tussen <li> en </li>

Flash

Overige