Læring af HTML Del 18: Sådan får man kørt skrivning i HTML
Du har helt sikkert set løbende tekst eller løbende tekst på flere medier såsom websteder, tv'er (generelt i bunden af skærmen) og så videre.
Selvfølgelig gør den gående tekst dig interesseret i at læse den, mens du spekulerer på, hvordan du får teksten til at køre sådan.
Generelt kører teksten på et webstedbruges kun som meddelelsesmeddelelse, kort information eller underholdning (dekoration). At lave tekstkørsler er ikke vanskeligt, fordi vi kun behøver at bruge de elementer, der leveres af HTML.
Sådan får du poster til at køre i HTML
HTML giver et specielt element kaldet marquee. For flere detaljer, lad os se på en forklaring på, hvordan man laver skrivning i HTML nedenfor:
1. Marquee-elementer
Markeringselementet bruges til at oprette tekst ellerandre medier (f.eks. billeder eller video) bevæger sig både vandret og lodret. I øjeblikket understøtter nogle browsere ikke længere markeringselementet, så dette element bruges sjældent.
Sammenlignet med brugen af markeringsramme rådes du bedre til at bruge Javascript og CSS. Men i dette materiale vil vi diskutere om brugen af HTML-markering.
For at kunne få teksten til at køre, kan du bruge <marquee> tagparret Udfyld teksten her </marquee>. <marquee> -tagget indeholder også flere attributter, såsom:
2. Attributter for bredde og højde
Breddeattributten bruges til at bestemme størrelsebredde på markeringselementer med numeriske værdier, der kan skrives som 18, 15% eller 30 px. I mellemtiden bruges højdeattributten til at bestemme højdestørrelsen på markeringselementet med den samme numeriske værdi som bredden, som er 18, 15% eller 30 px.
Følgende er koden til at skrive bredde og højde i HTML:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Width dan Height di Tag Marquee</title>
</head>
<body>
<marquee width="500" height="40">Teks ini berjalan</marquee>
</body>
</html>Når du har kørt ovenstående kode i browseren, vises den som vist nedenfor:
Hvis du ikke angiver indstillinger for bredde og højde, er bredden som standard 100% (hele bredden af browservinduet), og højden justeres til indholdets højde.
Her er et eksempel på skrivningskoden i HTML:
<!DOCTYPE html>
<html>
<head>
<title>Default Width dan Height di Tag Marquee</title>
</head>
<body>
<marquee>Teks ini berjalan</marquee>
</body>
</html>Når du har kørt HTML-koden ovenfor, vises den som vist nedenfor:
3. Retningsattribut
Retningsattributten bruges til at bestemme retningbevægelse af indhold, der er inde i markeringsmærket. Hvor der er fire værdier i denne attribut, nemlig op (op), ned (ned), venstre (venstre) og højre (højre).
Som standard, hvis vi bruger værdien "venstre"så kører teksten fra højre til venstre side og det samme er værdien "højre", så løber teksten fra venstre til højre side. Derefter vil "op" bevæge sig fra bunden op, mens "ned" vil bevæge sig ovenfra og ned. Følgende prøvekode er skrevet og brugt i HTML:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Direction di Tag Marquee</title>
</head>
<body>
<marquee direction="right">Teks ini ke kanan</marquee>
<marquee direction="left">Teks ini ke kiri</marquee>
</body>
</html>Når du har kørt HTML-koden ovenfor, vises den som vist nedenfor:
Nedenfor er et andet eksempel på brug af retningsattributten (op og ned):
<!DOCTYPE html>
<html>
<head>
<title>Atribut Direction di Tag Marquee</title>
</head>
<body>
<marquee direction="up" height="50">Teks ini bergerak dari bawah ke atas</marquee><br>
<marquee direction="down" height="50">Teks ini bergerak dari atas ke bawah</marquee>
</body>
</html>Når du har kørt HTML-koden ovenfor, vises den som vist nedenfor:
4. Attributadfærd
Adfærdsattributten bruges til at bestemme typenmarkeringsbevægelse. De værdier, der kan udfyldes i adfærdsattributten, er dias, rulle eller alternativ. Hvis du ikke opretter en adfærdsattribut i <marquee> -tagget, er standardværdien "rulle".
Rulle betyder, at indholdet bevæger sig til den ene sideog vises igen fra den modsatte side. Derefter betyder dias at indholdet bevæger sig mod den ene side, og når det ankommer på den side er indholdet stadig (holder op med at bevæge sig). I mellemtiden betyder alternativt indholdet bevæger sig til den ene side og derefter tilbage til den modsatte side som reflekteret.
Her er et eksempel på HTML-koden:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Behavior di Tag Marquee</title>
</head>
<body>
<marquee behavior="scroll" width="400">Welcome</marquee><br>
<marquee behavior="slide" width="400">Welcome</marquee><br>
<marquee behavior="alternate" width="400">Welcome</marquee><br>
</body>
</html>Når du har kørt ovenstående kode, vises browseren som vist nedenfor:
5. Attribut til Scrolldelay
Attributten scrolldelay bruges til at bestemmetidsforsinkelse (forsinkelse) pr. trin i enheder på millisekunder (1 millisekund = 1/1000 sekunder) fyldt med numeriske værdier såsom 100. Hvor standardværdien er 85.
Her er et eksempel på at skrive i HTML:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Scrolldelay di Tag Marquee</title>
</head>
<body>
<marquee width="600">Welcome</marquee><br>
<marquee scrolldelay="100" width="600">Welcome</marquee><br>
<marquee scrolldelay="400" width="600">Welcome</marquee>
</body>
</html>Når du har kørt HTML-koden ovenfor, ser browseren ud som billedet herunder:
6. Attributten rullebold
Attributten scrollamount bruges til at bestemme hastigheden på indholdet i <marquee> -tagget ved bevægelse i pixels. Hvor standardværdien er 6. Her er et eksempel på skrivning af HTML-koden:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Scrollamount di Tag Marquee</title>
</head>
<body>
<marquee width="600">Welcome</marquee><br>
<marquee scrollamount="15" width="600">Welcome</marquee><br>
<marquee scrollamount="25" width="600">Welcome</marquee>
</body>
</html>
7. bgcolor attribut
Bgcolor-attributten bruges til at specificere farverbaggrund (baggrund) på elementerne markeringsramme. Bgcolor-attributværdien kan skrives med et farvenavn (f.eks. Cyan) eller i hex-kode (# 469A9A). Nedenfor er et eksempel på HTML-koden:
<!DOCTYPE html>
<html>
<head>
<title>Atribut BGColor di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee>
</body>
</html>Browseren ser sådan ud:
8. HSpace-attributter
HSpace-attributten bruges til at specificere pladsvandret (venstre) plads til venstre og højre for markisen. Fyldes normalt med værdier i form af tal såsom 20, 15% eller 40 px. Se eksemplet HTML-kode nedenfor for at være klarere
<!DOCTYPE html>
<html>
<head>
<title>Atribut HSpace di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee><br>
<marquee hspace="15" bgcolor="grey" width="400">Welcome</marquee><br>
<marquee hspace="40" bgcolor="yellow" width="400">Welcome</marquee>
</body>
</html>Når HTML-koden ovenfor udføres, ser den sådan ud:
9. VSpace-attributter
VSpace-attributten bruges til at specificere mellemrumlodrette (mellemrum) emner over og under markiet. Fyldes normalt med værdier i form af tal såsom 20, 15% eller 40 px. Eksempler på skrivning af denne attribut kan du se nedenfor:
<!DOCTYPE html>
<html>
<head>
<title>Atribut VSpace di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee><br>
<marquee vspace="15" bgcolor="grey" width="400">Welcome</marquee><br>
<marquee vspace="20" bgcolor="yellow" width="400">Welcome</marquee>
</body>
</html>Når du har kørt ovenstående kode, vises browseren som vist nedenfor:
10. Loop attribut
Loop-attributten bruges til at bestemme antallet af gange, at markeringsindholdet gentages, og dens standardværdi er uendelig. Her er et eksempel på HTML:
<!DOCTYPE html>
<html>
<head>
<title>Atribut Loop di Tag Marquee</title>
</head>
<body>
<marquee loop="2" width="400">Welcome</marquee><br>
<marquee loop="2" behavior="slide" width="400">Welcome</marquee>
</body>
</html>Når du har kørt det i browseren, vises det som vist nedenfor:
11. Brug <marquee> -mærket på billedet
<marquee> -tagget kan ikke kun anvendes på tekst, men også på billeder. Du placerer simpelthen kildebilledet mellem <marquee> tagparrene. Her er et eksempel på skrivning af HTML-koden:
<!DOCTYPE html>
<html>
<head>
<title>Gambar di Tag Marquee</title>
</head>
<body>
<marquee width="500"><img src="/images/kakigori.jpg" height="100"> <img src="Kimchi.jpg" height="100">
<img src="mandu.jpg" height="100"></marquee>
</body>
</html>Når du har kørt det i browseren, vises det som vist nedenfor:
Dette materiale er, hvordan man laver skrivning eller tegningkør i HTML ved hjælp af markeringsmærket. Antag, at der er spørgsmål om dette markeringsmærke, du kan stille i den kommentarekolonne, der er leveret. Følg derefter det næste HTML-læringsmateriale om, hvordan man opretter tabeller i HTML.
