Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membuat teleteks dalam HTML?

Bagaimana untuk membuat teleteks dalam HTML?

王林
王林ke hadapan
2023-08-31 16:01:02822semak imbas

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>

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>

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>

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!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam