De HTML-code van een webpagina vind je op verschillende manieren, afhankelijk van je doel:
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.
Druk op "Control" + "U" op uw toetsenbord om alleen de broncode te bekijken . U kunt ook met de rechtermuisknop op een leeg gedeelte van een pagina klikken en "Paginabron" in het menu kiezen. Beide opties geven u de HTML-code van die pagina.
Open de betreffende pagina van uw site in Google Chrome. Open de broncode van de pagina: Windows: Klik met de rechtermuisknop op de pagina en selecteer 'Paginabron bekijken' (of 'Broncode weergeven') . U kunt ook op Ctrl + U op uw toetsenbord drukken.
Elke HTML-tag begint met een '<' en eindigt met een '>'. De inhoud van de tag staat tussen deze twee symbolen. HTML-tags kunnen nesten. Dit betekent dat je een tag binnen een andere tag kunt plaatsen.
Bekijk de HTML-broncode:
Druk op CTRL + U in een HTML-pagina, of klik met de rechtermuisknop op de pagina en selecteer 'Paginabron bekijken' . Er wordt dan een nieuw tabblad geopend met de HTML-broncode van de pagina.
Een HTML-code is een 'technische opmaaktaal' die bij alle websites gebruikt wordt om een stuk tekst op internetpagina's te schrijven en 'op te maken'. Het is daarmee de basis van iedere tekst op internet. Je kunt het zo zien: een website bestaat volledig uit HTML-codes, dit geldt ook voor blogs en artikelen.
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.
"Broncode bekijken" in de adresbalk
Om de broncode in Chrome voor Android te bekijken, moet je 'view-source:' voor de URL van de website plaatsen, gevolgd door het daadwerkelijke adres . Om bijvoorbeeld de broncode van 'example.com' te bekijken, typ je 'view-source:example.com' in de adresbalk.
Wanneer je dubbelklikt in de adresbalk van je browser, zie je de volledige URL van die pagina.
Hoe voeg je een HTML-code toe
Een HTML-bestand bekijken in een webbrowser.
Om een .HTML-bestand in uw webbrowser te bekijken, zoekt u het bestand op uw computer, klikt u er met de rechtermuisknop op (of dubbelklikt u op een Mac) en kiest u 'Openen met'. Selecteer vervolgens Google Chrome, Microsoft Edge of Firefox .
Klik met de rechtermuisknop op de pagina en kies 'Opslaan als', selecteer vervolgens 'Webpagina, alleen HTML' . Je kunt ook op CTRL + S of Command + S op je toetsenbord drukken. Een andere methode is het gebruik van de inspectietool van de browser: ga naar het tabblad 'Bronnen', klik met de rechtermuisknop op het hoofdbestand en sla het op als een .html-bestand.
Om HTML in Chrome te testen, kunt u de ontwikkelaarstools van Chrome gebruiken. Klik met de rechtermuisknop op een webpagina en selecteer 'Inspecteren' om de HTML in realtime te bekijken en te bewerken . U kunt ook onze HTML-tester gebruiken door uw HTML-code in de tool te plakken om direct resultaten te zien en te testen hoe uw code in een webomgeving wordt weergegeven.
De eenvoudigste methode is om de ingebouwde tools van je webbrowser te gebruiken. Klik met de rechtermuisknop op het gedeelte van de website waarin je geïnteresseerd bent en selecteer 'Element inspecteren'. Klik vervolgens met de rechtermuisknop op de gemarkeerde HTML-code en kies 'Kopiëren' > 'Element kopiëren' . Op deze manier kopieer je alleen de HTML-code voor dat specifieke gedeelte van de pagina.
Chrome – CTRL + U. Of je kunt op de vreemd uitziende sleutel met drie horizontale streepjes in de rechterbovenhoek klikken. Klik vervolgens op 'Extra' en selecteer 'Broncode bekijken'. Opera – CTRL + U.
Druk op Ctrl+U (Windows) of ⌘-Option-U (Mac) .
Een andere optie is om de browser op je Android-smartphone te openen en "file:///path/to/your/file.html" in de adresbalk in te voeren . In plaats van "/path/my/file.html" moet je het juiste bestandspad gebruiken. De webbrowser toont vervolgens de inhoud van het HTML-bestand.
Als je het HTML-bestand als een webpagina wilt bekijken, kun je op een link in het bestand tikken en het zal in Safari worden geopend. Of, je kunt een code-editor app zoals Textastic Code Editor 7 of Code Editor gebruiken die HTML-bestanden op je iPhone kan openen en bewerken.
Webpagina's kunnen worden gemaakt en bewerkt met behulp van professionele HTML-editors. Voor het leren van HTML raden we echter een eenvoudige teksteditor aan, zoals Kladblok (pc) of TextEdit (Mac) . Wij zijn ervan overtuigd dat het gebruik van een simpele teksteditor een goede manier is om HTML te leren.
Je HTML document bekijken
HTML, languit HyperText Markup Language, is een programmeertaal voor websites die gebruikt wordt voor het ontwikkelen van webpagina's. HTML bestaat al sinds 1990 en is nog steeds niet weg te denken. We kunnen eigenlijk wel stellen dat HTML een van de belangrijkste bouwstenen is voor websites.
Alle HTML-documenten hebben een verplichte structuur die de volgende declaratie en elementen bevat: <! DOCTYPE html>, <html>, <head> en <body> . De documenttypedeclaratie, oftewel <!DOCTYPE html>, informeert webbrowsers over de gebruikte HTML-versie en wordt helemaal aan het begin van het HTML-document geplaatst.
Hoe een HTML bestand openen?
HTML (HyperText Markup Language) is de code die wordt gebruikt om een webpagina en de inhoud ervan te structureren . Dit artikel geeft een basisinzicht in HTML en de functionaliteit ervan, en laat u zien hoe u de basisinhoud voor uw eerste website kunt maken.