Preformatted tekst pre tags

uit de cursus Basiskennis HTML

Preformatted tekst pre 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 wil ik het hebben over spaties en witruimtes.

Als je in de broncode in de html extra witruimte creëert.

Bijvoorbeeld door meerdere spaties achter elkaar te plaatsen.

En je bekijkt deze in een browser en ik doe dit nu even in het gedeelde venster.

Dan zie je dat deze voorvertoning die extra spaties totaal negeert.

En ook deze regel die met allerlei tabs en spaties zijn vormgegeven.

Worden niet getoond op aparte regels maar als één lange zin.

Nou is daar een speciale code voor.

Om toch de wijze waarop je het in je broncode hebt neergezet kunt laten overnemen door de browser.

En dat is door daar preformatted tekst van te maken en dat doe je met de html tag

.







Met 
 en vervolgens einde 

.

En als ik nu opnieuw naar de voorvertoning kijk. Dan zie ik dat de exacte notering hoe ik het in mijn broncode heb staan.

Nu wel wordt getoond.

Een andere reden waarom je de preformat zou willen gebruiken.

Is als je bijvoorbeeld in een webpagina iets wil vertellen over het soort html-code wat je ergens toepast.

Is als je bijvoorbeeld in een webpagina iets wil vertellen over het soort html-code wat je ergens toepast.

Als ik hier achter en ik knip en plak even een voorbeeld stukje tekst erin.

Als ik hier achter en ik knip en plak even een voorbeeld stukje tekst erin.

Als dit het voorbeeld is wat ik graag wil laten tonen?

Als dit het voorbeeld is wat ik graag wil laten tonen?

Als dit het voorbeeld is wat ik graag wil laten tonen?

En ik heb hier mijn html-tags staan, een etc.

En ik heb hier mijn html-tags staan

En ik kijk nu vervolgens in mijn voorvertonings venster, dan krijg ik een verkeerde voorvertoning te zien.

Dat heeft met meerdere dingen te maken. Ik heb hier een begin

einde

. Daar zou ik een

 van kunnen maken.

Dat heeft met meerdere dingen te maken. Ik heb hier een begin

einde

. Daar zou ik een

 van kunnen maken.

Dan zou hij in principe nu de schrijfwijze, hoe ik het in mijn broncode heb staat, moeten overnemen. Maar er speelt nog een aspect mee.

En dat is dat deze coderingen automatisch natuurlijk herkent worden als zijnde html-code.

En niet als tekst, dus ik zal al deze begin- en eind-tags nog moeten vervangen door html-karakters.

En dat was voor een begin-tag < en voor het eindteken >. En dat moet ik dan vervolgens voor alle begin- en eind-tags doen.

Ik laat direct het eindresultaat zien. Mensen die dit met mij mee willen typen, die kunnen dat nu doen. Video even stop zetten.

En dan gaan we zometeen opnieuw een voorvertoning bekijken in een browser.

Nou, en als je al die begin- en eindtekens door de juiste html-karakters hebt vervangen.

Dan kunnen we het hier al zien in een voorvertoning. Maar om het echt even goed te bekijken in de browser, ga ik naar Firefox.

En je ziet inderdaad keurig netjes de notering hoe ik het heb geschreven...

...in mijn broncode wordt overgenomen en ook de html-tags worden uitgeschreven als tekst.