Computercode duiden met code en samp tags

uit de cursus Basiskennis HTML

Computercode duiden met code en samp tags
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

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

Basiskennis HTML

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

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. 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

Wat kun je hierna?

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.

Belangrijke onderwerpen in deze online basiscursus zijn:

  • Leren maken van de juiste mappenstructuur voor webproducties voor elke dag
  • Semantische beteknis van HTML-tags
  • Pagina’s structureren met HTML-tags conform het W3C
  • Inzicht in de reglementen van het W3C
  • Tabellen toepassen

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.