Afbeelding tegoed: Jacob Ammentorp Lund/iStock/Getty Images
Verschillende HTML-tags worden geleverd met een eigenschap die 'zichtbaarheid' wordt genoemd. Een element met deze stijl is de div-tag. De div-tag is een container die tekst en afbeeldingen op een bepaalde locatie op een webpagina bevat. U kunt deze tag gebruiken om tekst op een webpagina te verbergen. Omring uw tekstblokken met een div-tag en deze is verborgen voor gebruikers. Dit is handig wanneer u een menu of dynamische pagina wilt maken die geen informatie toont totdat een gebruiker op een knop of link klikt.
Stap 1
Open uw webpagina in een teksteditor. Dit kan iets eenvoudigs zijn zoals Kladblok of meer geavanceerde HTML-editors zoals Notepad++ of Visual Studio.
Video van de dag
Stap 2
Plaats een div-tag in het gedeelte van de pagina waar u de tekst wilt plaatsen. De onderstaande code plaatst een div-tag met de zichtbaarheidseigenschap ingesteld op verborgen:
Stap 3
Voer wat tekst in binnen de div-tag. Voer voor testdoeleinden "Mijn verborgen tekst" in de tag in. Uw code zou er als volgt uit moeten zien:
Mijn verborgen tekst
Stap 4
Sla het bestand op en open het met uw webbrowser. Er wordt geen tekst weergegeven in de webbrowser, hoewel deze wel te zien is in de weergegeven code.
