Hvordan lage tekst i HTML-kode usynlig

Forfatter: Roger Morrison
Opprettelsesdato: 17 September 2021
Oppdater Dato: 13 November 2024
Anonim
Show hide text on click using HTML, CSS & JQUERY | Expand & Collapse Text   | Jquery Toggle Class
Video: Show hide text on click using HTML, CSS & JQUERY | Expand & Collapse Text | Jquery Toggle Class

Innhold

Flere HTML-koder kommer med en egenskap som kalles "synlighet". Et element som har denne stilen er div-koden. Denne koden er en container som inneholder tekst og bilder på et bestemt sted på en webside. Du kan bruke den til å skjule teksten på en side. Omgi tekstblokkene dine med en div-tag, og de blir skjult. Dette er nyttig når du vil lage en meny eller dynamisk side som ikke viser informasjon før brukeren klikker på en knapp eller lenke.

Trinn 1

Åpne websiden din i en tekstredigerer. Det kan være i en enkel tekstredigerer som Notepad eller mer avanserte HTML-redaktører som Notepad ++ eller Visual Studio.

Steg 2

Plasser en div-tag i delen av siden der du vil plassere teksten. Koden nedenfor plasserer en div-tag med synlighetsegenskapen satt til skjult:


Trinn 3

Skriv inn litt tekst i div-koden. For å teste, skriv "Min skjulte tekst" inne i koden. Koden din skal være som følger: Min skjulte tekst

Trinn 4

Lagre filen og åpne den med nettleseren din. Selv om det kan sees i koden som presenteres, vises ingen tekst i nettleseren.

Planter er rundt o og drar nytte av o på mange konkrete og ikke-materielle måter. Fotoyntee forekommer i et økoytem med planter. Når det er til tede danner ammenetningen av plantea...

Den elektronike igaretten, ogå kjent om e-cig, er en manuell fordamper for nikotin. Det trenger ikke en lettere og produerer ikke røyk. I tedet bruke et batteridrevet ytem innenfor den igare...

Populær På Stedet