Hoe tekst onzichtbaar in HTML-code te maken

Schrijver: Randy Alexander
Datum Van Creatie: 24 April 2021
Updatedatum: 5 Januari 2025
Anonim
HTML Tutorial #11: Hidden Input Type
Video: HTML Tutorial #11: Hidden Input Type

Inhoud

Verschillende HTML-tags worden geleverd met de eigenschap 'zichtbaarheid'. Een element met deze stijl is de div-tag. Deze tag is een container die tekst en afbeeldingen bevat op een bepaalde locatie op een webpagina. U kunt het gebruiken om de tekst op een pagina te verbergen. Omring uw tekstblokken met een div-tag en ze zullen worden verborgen. Dit is handig als u een menu of dynamische pagina wilt maken die geen informatie weergeeft totdat de gebruiker op een knop of koppeling klikt.


routebeschrijving

Hoe tekst onzichtbaar in HTML-code te maken (3d http-afbeelding door Mauro Saivezzo van Fotolia.com)
  1. Open uw webpagina in een teksteditor. Het kan in een eenvoudige teksteditor zijn zoals Kladblok of meer geavanceerde HTML-editors zoals Notepad ++ of Visual Studio.

  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:

  3. Voer wat tekst in de div-tag in. Typ 'Mijn verborgen tekst' in de tag om te testen. Uw code zou als volgt moeten zijn: mijn verborgen tekst

  4. Sla het bestand op en open het met uw browser. Hoewel het te zien is in de gepresenteerde code, wordt er geen tekst weergegeven in de browser.