Memindahkan Teks dalam HTML

WBOY
Lepaskan: 2024-09-04 16:45:50
asal
582 orang telah melayarinya

Memindahkan teks dalam HTML juga dikatakan sebagai teks menatal. Kita boleh menatal teks ke semua arah dengan kelajuan tertentu selang masa. tag digunakan untuk membuat langkah seterusnya. Terdapat 4 arah untuk menatal teks seperti arah kiri, arah kanan, arah atas dan arah bawah. Gerakkan teks dalam kawasan tertutup dengan menetapkan sifat tingkah laku.

Contoh Masa Nyata: Mari kita pertimbangkan kami mempunyai kandungan penting yang dikemas kini di tapak web kami dengan kerap. Jika kandungan itu sentiasa stabil, pengguna tidak dapat melihat kandungan tersebut, jadi untuk mendapatkan perhatian pengguna, kami perlu menatal kandungan yang dikemas kini sentiasa. Bergantung pada keperluan pengguna, kami boleh memberi arahan kepada tatal kandungan sebelah mana. Capai keperluan ini tag digunakan.

Mengapa kami menggunakan CSS dalam HTML?

Sediakan Logik biasa antara semua halaman; daripada menulis logik gaya yang sama dalam setiap halaman HTML, kami menggunakan fail CSS untuk menulis logik biasa. Dan sertakan halaman CSS ini dalam setiap halaman HTML dengan tag.

Bagaimana teg Marquee berfungsi dalam HTML?

Kandungan boleh dialihkan dengan menggunakan Jika kita menetapkan sifat arah dalam teg marquee, maka berdasarkan arah, kandungan nilai harta akan bergerak.

Sintaks #1

<marquee>
//some text to move
</marquee>
Salin selepas log masuk

Sintaks #2

<marquee direction=”left or right or up or down”>
//some text to move
</marquee>
Salin selepas log masuk

Sintaks #3

<marquee behavior="alternate"> //it makes the text back direction by touching the border of the page.
//some text to move
</marquee>
Salin selepas log masuk

Sintaks #4

<marquee direction=”left” scrollamount="5">// scrollamount used to set the scrolling text speed
//some text to move
</marquee>
Salin selepas log masuk
Nota: Arah tenda lalai betul untuk ditinggalkan jika kami tidak menyediakan sebarang harta arah.

Contoh untuk Melaksanakan Teks Bergerak dalam HTML

Di bawah adalah contoh yang dinyatakan:

Contoh #1

Teg marquee lalai

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: green;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee>
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas dialihkan dari kanan ke kiri walaupun kami tidak menyebut sebarang arah, jadi ia adalah teg marquee lalai.

Contoh #2

Marquee tag ke arah yang betul.

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: maroon;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="right">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas, digerakkan dari kiri ke kanan dengan menetapkan sifat arah ke kanan.

Contoh #3

Marquee ke arah atas

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: blue;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="up">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas, dialihkan dari bawah ke atas dengan menetapkan sifat arah ke atas.

Contoh #4

Marquee ke arah bawah.

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: orange;
text-align: center;
color: white;
font-family: Arial;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="down">
2020 is year bewildered each and every individual of the world due to pandemic COVID-19. This disease is caused by CARONA virus. Till date there is no medicine or vaccine for this disease. So the only option in our hands is to follow instructions strictly announced by World Health Organization. Italy is affected with this virus more worsen because of there is no initial preventive measures in the country. Fight back against the virus every individual should home quarantine. Clean the hands every time if are out from the same place. Strictly say no to hand shake instead respect them back with namaskar. Do not contact any person until state and center curfew is over. Now India also greatly affected by this COVID-19 virus because of foreigners. Who ever come to India from other country they must undergone to quarantine at least 14 days. After finishing quarantine they must go for CARONA test.
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas, bergerak dari atas ke bawah dengan menetapkan sifat arah ke bawah.

Contoh #5

Marquee dengan sifat tingkah laku.

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: lightblue;
text-align: center;
color: brown;
font-family: Arial;
border: solid 2px red;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee behavior="alternate">
Hi, I am an alternate proeprty
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas, dialihkan dari kiri ke kanan dan kanan-kiri dengan menyentuh sempadan dengan menetapkan sifat tingkah laku kepada silih berganti.

Contoh #6

Marquee dengan harta jumlah tatal.

Kod:

<!DOCTYPE html>
<html>
<head>
<title>Move Text</title>
<style>
body {
background-color: fuchsia;
text-align: center;
color: white;
font-family: Arial;
border: solid 2px red;
}
</style>
</head>
<body>
<h1>Moving Text with Marquee Tag</h1>
<marquee direction="left" scrollamount="2">
Paramesh
</marquee>
<marquee scrollamount="4">
Amardeep
</marquee>
<marquee scrollamount="6">
Harinath-Rajitha
</marquee>
</body>
</html>
Salin selepas log masuk

Output:

Memindahkan Teks dalam HTML Memindahkan Teks dalam HTML

Penjelasan: Seperti yang anda lihat dalam teks di atas dialihkan dari kanan ke kiri dengan pemasaan yang berbeza, jadi mereka semua berada pada kedudukan yang berbeza.

Kesimpulan

Teks bergerak dalam HTML dicapai dengan teg marquee. Kita boleh mengalihkan teks ke kiri, kanan, atas dan bawah berdasarkan keperluan. Ciri marquee ini kebanyakannya digunakan oleh saluran TV untuk kemas kini biasa untuk menarik perhatian pengguna.

Atas ialah kandungan terperinci Memindahkan Teks dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan