De HTML code van een website bekijk je eenvoudig door ergens op de pagina rechts te klikken. Afhankelijk van je browser kies je voor een van de volgende opties: Google Chrome: inspecteren. Mozilla Firefox: element inspecteren.
In de Chrome-browser: Klik met de rechtermuisknop op een deel van de pagina en selecteer Inspecteren om alle HTML van de weergegeven pagina te bekijken. Zoek met Ctrl + F (Windows) of Command + F (Mac) naar items in de gerenderde HTML.
Open de Google Chrome-pagina van de specifieke HTML die u wilt inspecteren. Druk op "Control" + "U" op het toetsenbord en er verschijnt een aparte pagina met de broncode. Hiermee kunt u de HTML in een aparte browser bekijken en is het eenvoudig om deze te vergelijken met de webpagina.
Druk op Ctrl+U (Windows) of ⌘-Option-U (Mac).
Bekijk HTML-broncode:
Klik op CTRL + U in een HTML-pagina, of klik met de rechtermuisknop op de pagina en selecteer "Paginabron weergeven" . Dit opent een nieuw tabblad met de HTML-broncode van de pagina.
Wat is HTML broncode? HTML broncode is een stuk tekst waarin alle statische elementen van een website bevat. In deze code staan bijvoorbeeld de teksten die te zien zijn op een website. Maar ook de afbeeldingen en indeling van de website.
De afkorting HTML staat voor: Hypertext Markup Language. En een belangrijke eigenschap van HTML is dat het hypertekst ondersteunt. Hypertext zijn stukjes tekst of plaatjes waarmee je, door erop te klikken, naar een andere internet pagina kunt gaan: de zogenaamde hyperlinks.
Klik met de rechtermuisknop op het HTML-bestand dat u wilt bekijken en selecteer 'Openen met' in het menu . U ziet mogelijk een lange lijst met apps waaruit u kunt kiezen om uw bestand te openen. Uw standaardbrowser staat mogelijk bovenaan de lijst. Kies Chrome in de lijst en bekijk uw bestand vervolgens in de app.
Het is mogelijk dat uw HTML-bestand niet is opgeslagen met een .html-extensie . Om het bestand in Chrome te openen, gebruikt u een teksteditor om het bestand op te slaan als myfile.
HTML-codes bestaan uit tags en inhoud. Tags zijn de instructies die aangeven hoe de inhoud moet worden weergegeven. Elke HTML-tag begint met een '<' en eindigt met een '>'. De inhoud van de tag staat tussen deze twee symbolen.
Plaats uw cursor in de content waar u de HTML-code op de pagina wilt laten verschijnen en klik vervolgens op het pictogram "HTML invoegen" in de werkbalk (naast het pictogram "Bron"). Plak uw HTML-code in het venster dat verschijnt en klik op "OK". Werk de pagina bij en u bent klaar.
Als u wilt dat de code als tekst op uw pagina wordt weergegeven, moet u deze escapen door < naar < en > naar > te converteren .
Je vindt zowel het ISBN als de NUR code(s) terug in het colofon van een boek.
Dit doe je door met de rechtermuisknop op een willekeurig element op je pagina te klikken en 'Inspecteren' te selecteren, of door de sneltoets Ctrl+Shift+I (Windows/Linux) of Cmd+Opt+I (Mac) te gebruiken.
Klik in Internet Explorer op 'Weergave' en vervolgens op 'Bron'. Klik in Chrome op 'Extra' en vervolgens op 'Bron weergeven'. Klik in Mozilla Firefox op 'Extra'. Beweeg de muis over 'Webontwikkelaar' om het zijmenu te openen en klik vervolgens op 'Paginabron'. In Opera beweegt de muis over 'Pagina' om het zijmenu te openen.
In de meeste webbrowsers kun je met een eenvoudige klik op de rechtermuisknop op een webpagina de broncode weergeven, door op de optie 'Pagina bron bekijken' te klikken. Dit opent een nieuw venster met de volledige code van de website, geschreven in HTML, CSS en JavaScript.
HTML-gegevens zijn relatief eenvoudig te bekijken. U opent ze gewoon via de webbrowser. U kunt er met de rechtermuisknop op klikken en vervolgens de webbrowser van uw keuze selecteren met de optie 'Openen met' . Soms worden de gegevens automatisch ingesteld om via uw browser te openen en hoeft u er alleen maar op te dubbelklikken.
In Firefox kunt u ook de sneltoets Command-U gebruiken om de broncode van een webpagina te bekijken. In Chrome is het proces heel vergelijkbaar. Navigeer naar het bovenste menu-item "Beeld" en klik op "Ontwikkelaar/Bron weergeven". U kunt ook de sneltoets Option-Command-U gebruiken.
Controleren van de HTML-versie in websites en websjablonen
Om te bevestigen of een webpagina HTML5 of 4.01 is, controleert u het doctype helemaal bovenaan de webpagina in de broncodeweergave . Responsief (HTML5): Huidige code: Open een van uw webpagina's in uw browser (IE, Chrome, Edge, Safari), verklein de browser tot ongeveer 320 pixels breed.
De <source> tag wordt gebruikt om meerdere mediabronnen voor media-elementen te specificeren , zoals <video>, <audio> en <picture>. Met de <source> tag kunt u alternatieve video-/audio-/afbeeldingsbestanden specificeren waaruit de browser kan kiezen, op basis van browserondersteuning of viewportbreedte.
De <code> tag wordt gebruikt om een stuk computercode te definiëren . De inhoud erin wordt weergegeven in het standaard monospace-lettertype van de browser. Tip: Deze tag is niet verouderd. Het is echter mogelijk om een rijker effect te bereiken door CSS te gebruiken (zie voorbeeld hieronder).
HTML gebruiken in teksten is niet moeilijk. Het is zelfs gemakkelijk als je een aantal regels volgt. Zo moet je moet altijd een tag openen, gevolgd door inhoud en daarna weer sluiten: <tag>inhoud</tag> . De laatste tag is identiek aan de eerste, maar sluit de tag met het “/” teken.