(X)HTML artikelen

html artikelen
HTML, HyperText Markup Language, opmaaktaal om je websites te bouwen.
Relatief eenvoudige markuptaal, die te gebruiken is om
websites te maken. De taal bestaat uit tags. Dit zijn codes om de tekst te structureren.
De combinatie van HTML 4.01 en CSS
vormt een krachtig instrument om websites te maken.
Hierbij is de opmaak en de structuur van een website volledig gescheiden.
Samen met JavaScript
kun je websites ook interactief maken.

De title tag gebruiken voor je website

De eerste stap in het optimaliseren van je website is het schrijven van een goede title tag. Het is de
belangrijkste losse zin van je webpagina. Wanneer je deze goed maakt dan heb je een grote stap
gedaan in de richting van een goede ranking in zoekmachines.

CSS en semantische HTML
Het wereldwijde web veranderd continu en als webmaster zul je mee moeten veranderen. een van de belangrijkste veranderingen van
de laatste jaren is het gebruik van CSS in combinatie met semantische markup. CSS en semantisch webdesign hebben een aantal
voordelen, duidelijke, heldere code, compatible met andere webapparaten, scheiding van inhoud en presentatie, minder gebruik van
bandbreedte en betere toegang tot zoekmachines.

Links, verwijzingen en koppelingen
Het bestaansrecht van het internet, het belangrijkste element voor een website, gemaakt zodat je
kunt koppelen naar andere sites, naar andere pagina’s binnen je eigen site en om specifieke plekken
binnen een en dezelfde pagina te markeren. We hebben het natuurlijk over de anker-tag. We gaan in dit artikel
eens kijken hoe verwijzingen, koppelingen en links ook al weer in elkaar zitten. Voor de een gesneden
koek, voor de ander weer een eye-opener.

html 5
Simon Pieters van html.org heeft een lijst gemaakt met html 5 elementen zoals die er nu
liggen om te gaan gebruiken. Een en ander is nog in
een ‘working draft’ stadium, maar laat wel zien waar een en ander heen zal gaan.

ID’s en classes, de een of de ander?
Om een html element de identificeren, zeg maar een naam te geven, maak je gebruik van
het attribuut ‘class’, of het attribuut ‘id’. Wanneer gebruik je nu de een en wanneer
gebruik je nu de ander? En de vraag die er op volgt is natuurlijk, hoe gebruik je ze zo
dat je semantische opbouw van je html gewaarborgd blijft?

Tabellen zijn niet Taboe!
Dit is een van de meest gemaakte fouten van een beginnend webdesigner die zich aan CSS waagt.
Ze hebben een paar keer gelezen dat ze op het ‘nieuwe web’ geen tabellen meer mogen gebruiken,
maar dat is niet helemaal waar.
Het gaat over de manier waarop je ze gebruikt.
Om duidelijk te maken hoe het zo ver heeft kunnen komen met tabellen, gaan we een reis terug
in de tijd maken naar toen websites net begonnen op te duiken.

De toekomst van HTML
In zijn weblog heeft de grondlegger van het WWW, Tim Berners-Lee, gesteld dat XHTML heeft
gefaald in de opzet die ervoor bedacht is. Iedere browser maakt zonder problemen een goed
uitziende webpagina van de oude ‘tag-soup’. Hierdoor is HTML toe aan een revisie, aldus
Berners-Lee. Als directeur van het World Wide Web Consortium houdt hij
toezicht op de ontwikkeling van webtalen en -protocollen als HTML, XML, CSS en HTTP.

Extra informatie bij een link

Wanneer je wat extra informatie wilt toevoegen aan een link, bijvoorbeeld om aan te geven waar de link over gaat of
wat er gebeurd als je klikt op een link kun je gebruik maken van het attribuut ‘title’.

HTML 4.01 of XHTML
Enige tijd geleden hebben we html-site op een aantal punten veranderd.
Een van die veranderingen was het omzetten van xhtml 1.0 transitional
naar html 4.01 strict. In dit artikel wil ik aangeven waarom het gebruik van xhtml eigenlijk een hype is en in wezen niet nodig. Er worden
een aantal punten aangedragen waarom XHTML beter zou zijn.

Commentaar toevoegen aan broncode
Het is een goede gewoonte om aan je broncode van je website commentaar toe te voegen. Niet alleen voor de eventuele bezoeker,
die in je broncode kijkt hoe je iets gedaan hebt, maar ook voor jezelf. Je kunt op die manier bij het bouwen of bij het wijzigen
van je site makkelijk terugvinden waar iets stond. Zo kun je de indeling van je site weergeven, waar de header stond en waar het menu,
maar je kunt ook bepaalde functies weergeven in een javascript.

Je eerste, goede website maken

Een website maken is helemaal niet moeilijk, een goede website maken ook niet, maar
het vereist wel wat meer investering van de bouwer. Voordat je dan ook begint met de
feitelijke inhoud is het belangrijk om eerst te letten op de structuur van je website.
In het volgende voorbeeld gaan we dan aan de slag met een website gemaakt in XHTML en
CSS.

Document Type Defenition

Wanneer je het heb over een DTD, Document Type Definition (DocumentType defenitie), dan
heb je het in wezen over de bouwtekening waarin XHTML staat beschreven. In dit artikel
willen we ingaan op de drie verschillende defenities die er bestaan voor XHTML; Transitional,
strict en frameset.

Maak een twee koloms lay-out

Als je goed kijkt hebben veel websites een basis van twee kolommen. Links het menu
en rechts, een stuk breder de inhoud. Met behulp van HTML en CSS gaan we zo’n lay-out
maken. Hiervoor gebruiken we geen tabellen meer. Deze beschouwen we vanaf nu als achterhaald.

Gebruik maken van een I-frame

Met een iframe, wat ongemakkelijk vertaald in het nederlands een zwevend frame, kun je hele leuke
dingen doen binnen je website. Zelfs zo dat het niet eens opvalt dat je een iframe gebruikt.
Meestal maakt men gebruik van een iframe als de informatie van een site aan de randen, om het frame
heen, niet vaak hoeft te veranderen en datgene in het iframe wel gemakkelijk aangepast moet worden.

Lijsten op je website
In XHTML kun je gebruik maken van een drietal lijsten. Met behulp van stylesheets zijn de mogelijkheden voor
deze lijsten zeer groot. In dit artikel gaan we in op het gebruik van lijsten in je website. Aan de hand van de
voorbeelden kun je keuzes maken voor de lijst die je zelf wilt gebruiken in je website. Zo kennen we de geordende
lijst (<ol>) de ongeordende lijst (<ul>) en de definitielijst. (<dl>).

Frames in je website
Frames, door sommige websitebouwers verguist, door anderen verheerlijkt. De een zweert erbij, de ander moet
er niets van weten.
Toch hebben frames een aantal voordelen. Je kunt met frames bepaalde belangrijke aspecten
een vaste plek geven. Bijvoorbeeld je navigatie, of je
logo. Het w3c heeft daarom het onderdeel frames een eigen declaratie gegeven, zo bieden wij hier een les aan over
frames.

Belangrijke tips voor een xhtml document
XHTML de nieuwe webtaal, een combinatie van de kracht van HTML en de veelzijdigheid van XML.
We kijken naar een aantal zaken die van belang zijn bij het maken van een degelijke website, gemaakt
met XHTML.

Lettergrootte
FAQ: Ik heb een website gebouwd met behulp van tabellen. Voor mijn lettertype gebruik ik de
font-tag. Nu heb ik onlangs gemerkt dat bij mij de tekst mooi op het beeldscherm komt, maar dat het bij
een vriend van me er absoluut niet mooi op komt. Wat kan
ik er aan doen?

Tabindex
Ik wil dat als je op de tabtoets drukt in een formulier,
de cursor een volgorde aanhoud, die ik zelf bepaal. Hoe doe ik dat?

XHTML
Tegenwoordig kun je er niet meer omheen, XHTML. Dit is in feite de nieuwe versie van
HTML, of de opvolger van HTML 4.01. In deze cursus willen we je de belangrijkste veranderingen
leren op het gebied van XHTML.
Ten eerste de betekenis van de afkorting. Waar HTML zoveel betekent als Hyper Text
Markup Language, daar staat XHTML voor: eXtended Hyper Text Markup Language.

Tabellen
Je hebt tekst op je site, plaatjes erbij. Nu wil je dat eens goed en handig plaatsen.
Zonder tabellen is dat niet zo eenvoudig, maar met tabellen kun je een heleboel.
Heel veel sites maken gebruik van tabellen. In deze cursus ga je leren hoe je tabellen
handig en effectief in je site gebruiken kunt.

Tekst
Deze les gaat over het belangrijkste onderdeel van je webpagina.
De tekst. Tenzij je een pagina maakt met alleen maar plaatjes, en dan heb je
nog tekst nodig, bestaat een website voor het grootste gedeelte uit tekst.
Soms wel voor 100%.

De eerste site
We gaan nu daadwerkelijk aan de slag met het maken van een site.
We nemen een voorbeeld site aan de hand waarvan we een site gaan maken en uitbouwen.
Het voorbeeld is een site over de school ‘de Klingel’ te Klingeldam.
Het is handig om elk stapje daadwerkelijk uit te voeren, om direct het resultaat te
bekijken en te ervaren.

Kladblok
Om een website te maken kun je gebruik maken van een aantal
hulpmiddelen. Ten eerste is er Kladblok. Alle codes moet je zelf intypen.
Voorlopig gaan we hier mee aan de slag, om de taal onder de knie te krijgen.
Daarnaast heb je HTML-editors. Deze nemen je wat werk uit handen, omdat er gebruik
gemaakt wordt van knoppen waarmee je bepaalde taken laat uitvoeren.

Inleiding in HTML
HyperText Markup Language is een programmeertaal om
bijvoorbeeld een internetbrowser jouw documenten taken te laten uitvoeren.
Het begon allemaal met HTML 1.0, die uit een tiental codes bestond.
Dat ging verder met de versies 2.0, 3.0, 3.2, 4.0 en 4.2.
Tegenwoordig werkt men al met XHTML, een combinatie van HTML en XML.

Een reactie achterlaten

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *