Content scheiden met horizontale lijn hr tag

uit de cursus Basiskennis HTML (2014)

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een antwoord

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis HTML (2014)

perm_identity Belinda | video_library 40 video's | query_builder 2:50:32

Leer webpagina’s te bouwen in html

In webdesign is de content gescheiden van de opmaak. Zoekmachines gebruiken de HTML-structurering om betekenis en waarde aan de content te verbinden. Maak je niet gebruik van de juiste structurering dan zul je dit terugzien in de zoekresultaten. Slecht gestructureerde webpagina’s worden minder goed geïndexeerd.

Doelgroep van deze cursus

Webdesigners, webbouwers, appbouwers en vormgevers voor webproducties. Iedereen die wil leren html-pagina’s te vervaardigen.

Wat ga je leren

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. En je leert hoe je de juiste mappenstructuur maakt voor webproducties. Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je geen voorkennis nodig. Algemene comptervaardigheden is wel aan te raden.

Een logische vervolgcursus is de cursus Basiskennis CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.

 

In deze video behandelen we de toepassing van het zogeheten


element en dat staat voor 'horizontal rule'.

Ik plaats hem direct hier in mijnbroncode.

En het is simpelweg het typen van


en dat voldoet.

En dan kijk ik vervolgens in mijn voorvertoningsvenster van dreamweaver.

En dan zie ik dat daar inderdaad een lijntje is verschenen.

Nou in het verleden in html en eerder.

Werd de


tag ook voornamelijk gebruikt om dit soort lijntjes te creueren.

Maar in html is het niet meer de bedoeling dat je het gebruikt vanwege zijn visuele eigenschappen.

Want daarvoor zijn er voldoende mogelijkheden in css om een lijntje te maken.

Wat wel mag in html is dat je het gebruikt om semantische redenen.

En dat kan zijn dat je wilt aangeven dat op een pagina verschillende onderwerpen aan bod komen.

En dat je de scheiding tussen de onderwerpen wilt gaan aangeven.

En daarvoor kun je een


element gebruiken.

Het


element is een beetje een vreemde eend in de bijt.

Want op het moment dat deze geplaatst wordt, wordt hij feitelijk ook meteen toegepast en afgesloten.

En dat lijkt op het zogeheten break element die ook op deze pagina voorkomt.

En eerder hebben we behandeld dat je lege elementen altijd moet afsluiten op de plek waar deze begint.

Dus na


geldt deze regel niet.

Je kunt meerdere


elementen plaatsen op één pagina.

Dus als ik ook een scheiding wil geven met dit onderwerp?

Plaats ik ook hier een


element. En dan is er nog één onderwerp, namelijk hier...

Volgende onderwerp en daar wil ik ook een scheiding tussen geven. Dan een voorvertoning bekijken in de browser.

En je ziet inderdaad tussen alle onderwerpen is een lijntje verschenen.

Wat betreft de vormgeving van deze lijnen? Die kun je volledig gaan bepalen in css en dat leer je later.