Sådan laver du en tekst med HTML

Blinkende tekster har aldrig været en del af standard HTML-funktionerne, og der er ingen måde at opnå den effekt, der fungerer på tværs af alle browsere. Den bedste mulighed, der kun bruger HTML, er tagget "marquee", men det virker ikke sammen med Google Chrome. Brug af jаvascript er en mere pålidelig metode, og du kan kopiere og indsætte koden direkte i dit HTML-dokument.

indhold

Trin

Metode 1brug tag markering

Video: link i html
Video: formatering - html episode 2

Metode 2brug af jаvascript

Tips
Advarsler
Kilder og citater

trin

Metode 1
Brug tag markering

Brug kun tagget til personlige projekter. Dette tag er forældet, og dets brug af udviklere er stærkt modløs. Tekster med dette mærke vises forskelligt afhængigt af den anvendte browser, og fremtidige opdateringer kan endda forhindre tekst i at blinke. Lær at bruge jаvascript, hvis du opretter en professionel hjemmeside.

Google Chrome understøtter ikke attributten "scrollamount", som denne metode bruger. I Chrome ruller tekst gennem siden i stedet for at blinke.

Billedbetegnelse Gør tekst blink i HTML Trin 2

Indtast den ønskede tekst mellem tagsne. Åbn HTML-dokumentet i et almindeligt tekstredigeringsprogram. Indtast i begyndelsen af teksten. Indtast i slutningen af teksten.

Som med ethvert andet HTML-dokument, har du brug for det skriv de første grundlæggende tags: , , og .

Billedets titel Gør tekst blink i HTML Trin 3

Indstil bredden af teksten. Skift start tag til bredde = "300">. Dette ændrer ikke skrifttypestørrelsen. Der er to grunde til, at du måske skal ændre bredden:

Hvis teksten ikke passer, vil den rulle i stedet for at blinke. Øg bredden for at forhindre dette.
I Chrome vil teksten rulle med en afstand bestemt af bredden.

Video: Link i HTML

Billedbetegnelse Gør tekst blink i HTML Trin 4

Indstil "scrollamount" til samme breddeværdi. Inden for samme tag skal du skrive scrollamount = "300" (eller hvad som helst den værdi, der vælges til bredden). Som standard vil teksten rulle på siden. Ved at indstille "scrollmount" til at have samme nummer som bredden, vil teksten "rulle" i samme position som den er. Dette får teksten til at blinke.

Din tekst skal se sådan ud:
Tekst her..

Billedbetegnelse Gør tekst blink i HTML Trin 5

Skift blinkhastigheden. Åbn HTML-filen i en browser for at se effekten. Hvis teksten blinker for hurtigt eller for langsomt, skal du ændre hastigheden med attributten scrolldelay = "500". Standardværdien er 85. Brug et større tal til at blinke tekst langsomt eller et mindre nummer for hurtigere blinkning.

Koden skal nu ligne følgende eksempel:
Tekst her.

Billedbetegnelse Gør tekst blink i HTML Trin 6

Video: Formatering - HTML Episode 2

Begræns antallet af blink (valgfrit). Mange brugere finder blinkende tekst på sider, der er irriterende. For at stoppe effekten, når du allerede har læst læserens opmærksomhed, skal du indtaste loop = "7". Nu blinker teksten kun syv gange og forsvinder. (Du kan ændre "7" til ethvert andet nummer du foretrækker).

Den komplette kode er som følger:
Tekst her.

Metode 2
Brug af jаvascript

Billedbetegnelse Gør tekst blink i HTML Trin 7

Indsæt et script i begyndelsen af HTML-dokumentet. Mellem tags og i HTML-dokumentet, angiv følgende jаvascript-kode:

funktion blinker () {
var f = document.getElementById (`ad`) -
setInterval (funktion () {
f.style.visibility = (f.style.visibility == `skjult`? ``: `skjult`) -
}, 1000)
}

Billedbetegnelse Gør tekst blink i HTML Trin 8

Sæt kommandoen for at indlæse scriptet. Ovennævnte kode definerede en funktion med navnet "blinker". For at bruge denne funktion i din HTML, skal du ændre tagget til .

Billedbetegnelse Gør tekst blink i HTML Trin 9

Indstiller din tekst som en annonce. Skriften vil kun påvirke elementerne med "annonce" id. Sæt din blinkende tekst inde i ethvert element og brug dette id. Skriv f.eks

Tekst her.

eller

Tekst her.

Du kan sætte navnet på dit valg. Husk bare at bruge det samme ord i scriptet og element id.

Billedbetegnelse Gør tekst blink i HTML Trin 10

Juster scriptet. Tallet "1000" i scriptet indstiller tiden mellem hvert blink. Værdien er i mikrosekunder, så en værdi på 1000 får teksten til at blinke en gang i sekundet. Brug et mindre nummer for at gøre teksten hurtigere, eller et større nummer blinker langsommere.

Den reelle tid er nok ikke nok til at være den samme værdi. Det er normalt lidt kortere, men det kan tage længere tid, hvis browseren er optaget af andre processer.

tips

Du kan justere udseendet af tekst med attributten "stil". Tilføj tekst: style = "border: solid".
En højde- og breddeattribut kan inkluderes inde i markeringsmærket, men mange browsere ignorerer kommandoen. Du kan fortælle forskellen, hvis du har tilføjet en grænse.
Du kan også bruge animationer med CSS for at få teksten til at blinke. At gøre dette er ret kompliceret og anbefales ikke til begyndere i CSS. Husk at du skal binde et CSS-dokument, da Firefox ikke understøtter CSS-animationer som standard.