Bagaimana untuk membuat teleteks dalam HTML?

王林
Lepaskan: 2023-08-31 16:01:02
ke hadapan
794 orang telah melayarinya

Bagaimana untuk membuat teleteks dalam HTML?

Dalam artikel ini kita akan belajar tentang cara membuat teks teletaip dalam HTML.

Gunakan fon monospace gaya teletaip atau mesin taip untuk memaparkan teks sebaris yang dibuat oleh teg

Fon monospace, fon tunggal dan fon tidak berkadar semuanya merujuk kepada perkara yang sama. Kedua-duanya merujuk kepada fon yang kesemuanya mempunyai bilangan piksel yang sama lebar dan digunakan secara bergantian.

Nota − Tidak disokong dalam HTML5

Tatabahasa

Berikut ialah sintaks untuk teks teletaip.

<tt> Contents... </tt>
Salin selepas log masuk

Untuk lebih memahami cara membuat teleteks dalam HTML

Terjemahan bahasa Cina bagi

Contoh 1

ialah:

Contoh 1

Dalam contoh di bawah, kami menggunakan teg .

<!DOCTYPE html>
<html>
<body>
   <p>Welcome to TuttorialsPoint</p>
   <p><tt>The Best E-Way Learning.</tt></p>
</body>
</html>
Salin selepas log masuk

Apabila skrip dilaksanakan, ia menjana output yang mengandungi dua perenggan: perenggan biasa dan satu lagi menggunakan teg pada halaman web.

Contoh 2: Menggunakan CSS

Pertimbangkan contoh di bawah, kami menggunakan

CSS untuk mencapai kesan telegraf.

<!DOCTYPE html>
<html>
<body>
   <p>Welcome To Tutorials.</p>
   <p style="font-family: monospace">Where You Can Find A Lot Of Courses.</p>
</body>
</html>
Salin selepas log masuk
Selepas menjalankan skrip di atas, tetingkap output muncul dan memaparkan dua teks. Satu ialah teks biasa dan satu lagi menggunakan gaya fon monospace pada halaman web.

Atas ialah kandungan terperinci Bagaimana untuk membuat teleteks dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!