HTML

HTML: CCS(upd 2006 12 26) Forms

Get Up

CSS: Cascading Style Sheets

Concept: de kenmerken van de layout definieren bovenaan een pagina, of beter nog, in een apart bestand.
De kenmerken krijgen een naam, en daarmee kan in de html documenten eenvormig gewerkt worden, en door een eenvoudige aanpassing aan de style sheet, wordt de layout van alle betrokken pagina's mee veranderd.

Vorm: elementnaam{eigenschap:waarde}
Dit geheel noemt men de "declaration".
Binnen 1 declaration kan na een ";" nog een volgende eigenschap:waarde combinatie voorkomen, of meer.
voorbeeldcode:

<STYLE TYPE="text/css">
c {font-weight: bold;}
optie {color: blue}
uitleg {font-style: italic; color:green}
</STYLE>

CSS oproepen of "importeren"
In de HEAD sectie van de html pagina volgende code opnemen:
<HEAD>
<link rel="stylesheet" type="text/css" href="hoofd.css" />
</HEAD>

Op dezelfde plaats kan ook een style gedefinieerd worden die enkel binnen het document geldt; stijlen met dezelfde naam als in de opgeroepen style sheet worden hierdoor overschreven voor de nieuwe kenmerken.

Toepassen:
gewoon de css tags gebruiken als de bekende html tags, ook sluiten dus!
<c> Dit is in de stijl voor code </c>

Een paar voorbeelden: tabel, console, , tweekolom, driekolom...
gebaseerd op het boek "Webdesign mit CSS" van Jens Meiert

- - menu

HTML
w3.org: web standaarden organiasatie (definieert html, css, ..)
html : markup language of w3.org
Guide on markup (van w3.org)
Tidy (nu op sourceforge, vroeger op w3.org)
Tidy Washer (w3.org) : online witwassen van bedorven html (ook op mirrors).

CSS
CSS Howto op www.w3schools.com/css/css_howto.asp
CSS Syntax op www.w3schools.com/css/css_syntax.asp
Demonstratie van wat mogelijk is met CSS op www.csszengarden.com/
Camera on the road: css om te kennen
Jens Meiert Webdesign mit CSS: link code, voorbeelden

Linux gebruikers memo's, tips en ervaringen : linuxuser.copyleft.be 2000-2006 +