De Bold , Italic , Emphasis en Strong tags

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 ga ik de html elementen bold , italic , emphasis , strong en mark behandelen.

Dit zijn inline html elementen en dat verschilt van de eerdere toegepaste html elementen als

en

...

Want dat zijn block-level elementen.

Je herkent block-level elementen aan de witruimte die ze voor en na achterlaten.

Een inline element die doet dat niet.

Er wordt geen witruimte voor of na toegevoegd en ook komen ze niet op een aparte regel te staan.

Ik begin bij de woorden "functional webdesign", die zou ik vet willen maken.

Daarvoor kun je gebruik maken van de html tag . En ik sluit hem aan het einde weer af .

En als ik één keer klik in het voorvertonings gebied. Dan zie ik inderdaad dat dit wordt vet vormgegegeven.

Zo heb je ook de italic en ook deze sluit ik af .

En één keer klikken in het voorvertonings gebied en deze tekst wordt schuin geplaatst.

Nou juist het feit dat deze tags niet meer betekenen als dat teksten worden vet en schuin gezet.

Worden ze afgeraden bij het gebruik maken van html.

In html gebruiken we html elementen om juist betekenis aan teksten en delen van de pagina te geven.

Daarvoor gebruiken we tegenwoordig liever de , voor emphasis en de strong .

En dat komt omdat spraakmachines deze tags ondersteunen. De wordt benadrukt in een spraakmachine.

En als je wilt dat een stukje tekst 'duidelijk' benadrukt wordt, dan gebruik je daarvoor de '.

Dus in dit voorbeeld zou ik het woord 'juist' willen benadrukken. Daarvoor gebruik ik dus het html element .

En dan na 'juist' einde .

Ook nu wordt dit standaard vormgegeven door de browser.

Je gaat er toch vanuit dat je dit uiteindelijk allemaal gaat veranderen in css.

Het grote voordeel hiervan is dat de spraakmachine dit dus benadrukt tijdens het uitspreken.

En als je het nog wilt versterken, dan kun je daarvoor de gebruiken.

En hier sluit ik hem weer af . En nu zal de spraakmachine zeggen "LET OP!, je zult een website altijd eerst moeten testen".

Een ander inline element die je kunt gebruiken om tekst te laten opvallen is het element.

Als ik wil dat het woord "website" duidelijker gaat opvallen, kan ik deze laten oplichten.

Met het inline element

En zodra ik ga kijken hier, in de voorvertoning van dreamweaver dan zie ik niets veranderen.

Dat komt omdat dreamweaver deze niet goed kan weergeven.

Dan ga je kijken in een browser als bijvoorbeeld Firefox.

Dan zul je zien dat deze nu wordt gekleurd met een standaard gele markerings kleur.

En later kun je met css, het element vormgeven zoals jij dat wilt.