Computercode duiden met code en samp 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 behandel ik de html elementen en .

Allebei hebben ze te maken met het weergeven van computer en coderegels in een pagina.

Allereerst kijken we naar een voorbeeld op deze pagina waarin ik iets wil vertellen over de html broncode.

En daar heb ik een voorbeeld code van.

Om ervoor te zorgen dat deze voorbeeld code goed wordt weergegeven gebruik ik het element

.

Dan worden de witruimtes en de spaties, de wijze waarop ik dat in mijn broncode heb geplaatst.

Worden keurig netjes overgenomen en voorvertoond in de browser. Dat zie ik ook in het voorvertonings venster van dreamweaver.

Met de html entiteiten '<' en '>' heb ik ervoor gezorgd dat de begin- en eind tag van een html tag,

op de juiste manier worden weergegeven.

Dat betekent dat deze onderstaande tekst,

die nu nog opgemaakt is met een

paragraph niet wordt weergegeven zoals ik dit zou willen.

Dus allereerst vervang ik hier de

voor

.

En dan zie je al dat hij de schrijfwijze overneemt zoals ik dat in de broncode heb staan.

Je ziet ook al een standaard verandering van lettertype.

Deze twee computer teksten zijn verschillend.

De html code dat is feitelijk broncode, commandoregels.

Waar jij gebruik van maakt om, in dit geval, html te coderen.

Het tweede voorbeeld betreft de output van een computer, of de output van een computerprogramma.

Voor elk van deze is een apart html element bedacht.

Voor het aangeven van coderings regels en broncode gebruik je het element .

En deze sluit je spiegelend af, dus nog voor de

 .

En hiermee geef je dus aan dat het gaat om getypte broncode regels door een programmeur zelf.

De tweede versie en dat is de output van een computerprogramma.

En dat geef je aan met het html element en ook deze sluit je weer gespiegeld af .

Dan bekijken we een voorvertoning in een browser. Ik gebruik hiervoor Firefox.

En zo wordt dit standaard door deze browser weergegeven.

Uiteindelijk kun je nog een duidelijker verschil aangeven met vormgeving, maar dat doen we met css regels.