Uit de cursus: Basistraining HTML

Krijg toegang tot deze cursus met een gratis proefabonnement

Word vandaag lid en krijg toegang tot meer dan 24.900 cursussen geleid door branchedeskundigen.

HTML debuggen

HTML debuggen

- Voordat we ingaan op meer HTML-elementen, wil ik ervoor zorgen dat je weet hoe je HTML in een browserontwikkelaarstools kunt inspecteren. In alle hedendaagse desktopbrowsers is er een geheime cockpit met informatie over wat er gebeurt met de code en prestaties van een website. Laten we ze eens bekijken in Firefox. Hier heb ik een demo in Codepen die veel van de HTML-elementen combineert die we hebben geleerd. Ik zal deze Codepen-demo openen in een nieuw tabblad, dus we hebben alleen de demo en niet alle onderdelen voor de Codepen-website. Nu klik ik hier met de rechtermuisknop op en ga ik naar het element inspecteren, of in plaats daarvan kunnen we naar tools, webontwikkelaar, inspecteur gaan. Hiermee worden de hulpprogramma's voor ontwikkelaars geopend. Bovenaan hier zijn er een heleboel andere tabbladen met pagina na pagina met verschillende tools. Zoals ik al zei, het is een cockpit van bedieningselementen. Maar laten we dat allemaal negeren en laten we gewoon naar de inspecteur…

Inhoud