Super- ,subscript (sup en sub) en kleiner zetten (small)

uit de cursus Basiskennis HTML5 (2019)

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 HTML5 (2019)

perm_identity Belinda | video_library 55 video's | query_builder 3:02:53

Webpagina’s maken met HTML

Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content. In webdesign is namelijk de content gescheiden met 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

Iedereen die wil leren hoe je statische websites maakt of haar/zijn kennis wil uitbreiden van webdesign-technieken in het algemeen. Heb je bijvoorbeeld al ervaring met het maken van websites met een CMS als WordPress. Dan nog is het bijna onmisbaar om voldoende begrip te hebben van de broncode.

Wat ga je leren

In de cursus basiskennis HTML5 leer je hoe je webpagina’s structureert met de juiste HTML-tags. Je krijgt uitgebreid uitleg en inzicht in de juiste wijze waarop je de html-tags toepast.

Je leert hoe de juiste mappenstructuur voor webproducties in de zogeheten Local Root Folder. je krijgt uitleg over de semantische betekenis van de html-tags en leert hoe je pagina’s structureert conform de regels van het W3C.

Eventuele vervolgcursus

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.

Vereiste voorkennis en vaardigheden

Voor het volgen van deze cursus heb je geen specifieke voorkennis nodig. Algemene kennis van de computer is wel belangrijk.

Dit komt je vast wel bekend voor.

Soms staat een letter verkleind boven of onder de basislijn.

Dat noemen we super- en subscripts.

Superscripts zijn tekens en karakters die verkleind boven de basislijn komen te staan.

Zoals bij eerste maand, de 'e'.

Subscripts zijn karakters en tekens die verkleind onder de basislijn moeten komen te staan.

Zoals bij de scheikundige formule voor water (HO).

Ga ik deze html-tags toepassen in ons brondocument.

Hiervoor typ ik zelf even de tekst in.

Ik zet deze binnen een paragraaf dus ik begin met het aanmaken van een -p-.

En daartussen typ ik de woorden H) en eerste.

Ik knip de van HO weg.

En typ het element -sub- en dan plak ik de weer terug.

Dan knip ik de 'e' weg en typ daar -sub-.

En plak de 'e' weer terug en ik bewaar het document.

De is verkleind onder de basislijn geplaatst en de letter 'e' boven de basislijn, ook verkleind.

Selecteer dan met het inspect selecteer gereedschap de verkleinde letters.

En analyseer dan de cas-stijl van de browser.

De css-stijlopdracht vertical-align: sub plaatst de letter beneden de basislijn.

En met font-size: smaller wordt de letter kleiner gezet.

Voor het omhoog verplaatsen van de letter, de sup, wordt de vertical-align op super gezet.

En zorgt ook ditmaal font-size: smaller ervoor dat de letter kleiner wordt gemaakt,

Een ander element dat ook tekst kleiner maakt is -small-.

Maar deze heeft een heel eigen bedoeling.

Hiermee geef je namelijk letterlijk de kleine lettertjes van een pagina weer.

Verplichte juridische gegevens die je op een website wilt opnemen als de voorwaarden...

of zoals ik het nu ga voordoen; het opnemen van een zinnetje over het copyright.

Ik plaats onderaan de pagina de volgende zin.

Dit is een typisch en praktisch voorbeeld van tekst dat je dan in het element small plaatst.

Ik selecteer het laatste deeltje van d copyright-gegevens. Knip deze weg.

Plaats het element -small- en plak de copyright gegevens weer terug.

Bewaar het document.

En de copyright wordt inderdaad kleiner weergegeven.

En nu zijn dit de kleine lettertjes.

Maar je mag het ook gebruiken voor teksten die je als subinformatie zou willen opnemen.

Bijvoorbeeld voor tekst in een artikel dat je wel wilt vermelden maar dat niet perse gelezen hoeft te worden.

In dit voorbeeld zou ik bijvoorbeeld de laatste regel van de eerste paragraaf...

"Een website... tot en met ...world wide web" willen definiëren als subinformatie.

Je mag het lezen maar je hoeft het niet te lezen.

Dan plaats ik ook deze regel in het -small- element.

En bekijk een voorbeeld in de browser.

Gebruik het select-gereedschap van de inspector...

Om te kijken welke cas-stijl opdracht ervoor zorgt dat deze tekst kleiner wordt gemaakt.

En ook nu is dat de font-size: smaller.