Tetapan fon dalam html

WBOY
Lepaskan: 2023-05-15 19:21:36
asal
17625 orang telah melayarinya

HTML ialah bahasa penulisan halaman web, salah satu elemen paling asas ialah fon. Melalui HTML, anda boleh menetapkan jenis fon, saiz dan warna untuk menjadikan kandungan teks lebih jelas. Artikel ini akan memperkenalkan secara terperinci cara menetapkan fon dalam HTML, serta beberapa langkah berjaga-jaga.

1. Tetapan fon asas dalam HTML

Dalam HTML, teg berikut biasanya digunakan untuk menetapkan fon teks:

  1. ialah teg paling asas untuk menetapkan fon. ; /font>

Antaranya, atribut saiz digunakan untuk menetapkan saiz fon, atribut warna digunakan untuk menetapkan warna fon, dan atribut muka digunakan untuk menetapkan jenis fon. Kesan fon yang berbeza boleh dicapai dengan menentukan gabungan nilai atribut yang berbeza.

Contohnya:

Ini ialah sekeping teks dalam warna merah, fon Arial, saiz 4.

Tag

    Teg boleh menetapkan tajuk teks >
  1. < ;h1>Kandungan teks
Nombor 1-6 mewakili tahap tajuk yang berbeza Apabila menggunakan, anda harus memilih nombor yang sepadan mengikut keperluan anda. Secara lalai, saiz fon tajuk pada tahap berbeza akan menjadi lebih kecil apabila tahap tajuk berkurangan, tetapi ini boleh diubah suai melalui helaian gaya CSS atau gaya sebaris.

Contohnya:

Ini ialah tajuk peringkat pertama

Ini ialah tajuk peringkat kedua

Tag

Formatnya adalah seperti berikut:

  1. Kandungan teks< ;/p>

Teks dalam teg akan dibalut secara automatik dan jarak atas dan bawah akan ditambah secara lalai untuk menjadikan reka letak lebih cantik.

2. Atribut fon dalam HTML

Selain teg tetapan fon asas, terdapat beberapa atribut dalam HTML yang boleh digunakan untuk menetapkan gaya fon. Berikut ialah atribut fon yang biasa digunakan:

atribut saiz

Atribut saiz boleh digunakan untuk menetapkan saiz fon dan nilai atributnya boleh mempunyai tujuh peringkat daripada 1 hingga 7. Lebih besar nombor, lebih besar saiz fon. Walau bagaimanapun, ambil perhatian bahawa menukar saiz fon akan menjejaskan reka letak keseluruhan teks dan harus digunakan dengan berhati-hati.
  1. Contohnya:
Ini ialah fon saiz 6

atribut warna

Atribut warna boleh digunakan untuk menetapkan warna fon. Nilai atribut boleh menggunakan nama warna, seperti merah, hijau, dsb., atau nilai warna heksadesimal, seperti #ff0000.
  1. Contohnya:
Ini ialah fon merah

atribut muka

Atribut muka boleh digunakan untuk menetapkan jenis fon dan nilai atribut boleh menjadi sistem fon atau fon web. Walau bagaimanapun, perlu diingatkan bahawa jika tiada fon yang ditentukan pada mesin pengguna, halaman web akan menggunakan fon lalai sebaliknya, sekali gus menjejaskan kesan visual keseluruhan.
  1. Contohnya:
Ini ialah fon Arial

Fon It is Song Dynasty

atribut berat

Atribut berat boleh digunakan untuk menetapkan ketebalan fon dan nilai atribut boleh menjadi normal, bentuk tebal atau berangka (seperti 100 ).
  1. Contohnya:
Ini ialah fon tebal

atribut gaya

Atribut gaya boleh digunakan untuk menetapkan gaya fon, seperti condong, garis bawah, dsb. Nilai atribut boleh condong, normal, garis bawah, dsb.
  1. Contohnya:
Ini ialah fon condong

Ini Ia adalah fon garis bawah

atribut keluarga

Atribut keluarga boleh digunakan untuk menetapkan berbilang jenis fon apabila fon tertentu tidak wujud mesin pengguna, Sistem secara automatik akan memilih fon lain. Nilai harta dipisahkan dengan koma.
  1. Contohnya:
Ini ialah fon Dinasti Lagu atau SimSun

Langkah Berjaga-jaga

Gunakan CSS untuk mengoptimumkan tetapan fon

Walaupun gaya fon boleh ditetapkan terus dalam HTML, helaian gaya (CSS) boleh mengawal fon dengan lebih fleksibel dan mudah. Selain itu, helaian gaya boleh mentakrifkan atribut fon sebagai kelas atau ID, dan kemudian menggunakannya pada berbilang teks, dengan banyak mengurangkan jumlah kod.
  1. Sebagai contoh, takrifkan gaya berikut dalam CSS:

Kemudian dalam HTML, hanya bungkus teks yang memerlukan gaya ini dalam teg

;Ini ialah teks perenggan dengan gaya di atas digunakan.

  1. Apabila melaraskan saiz fon, anda harus memberi perhatian kepada kesan keseluruhan

Apabila melaraskan saiz fon, anda harus terlebih dahulu mempertimbangkan kesan keseluruhan untuk memastikan kandungan teks yang jelas dan reka letak yang cantik. Jika anda mengubah suai saiz fon teks tertentu sahaja, koordinasi visual keseluruhan halaman web mungkin rosak.

  1. Jangan menyalahgunakan gaya fon

Penyalahgunaan gaya fon akan menjadikan halaman web kelihatan terlalu mewah dan bersepah, sekali gus menjejaskan pengalaman membaca pengguna. Gaya fon hendaklah dipilih dengan sewajarnya dan dipadankan mengikut situasi dan keperluan yang berbeza.

4. Ringkasan

HTML menyediakan pelbagai kaedah untuk menetapkan fon Kita boleh mencapai pelbagai kesan gaya fon dengan menetapkan teg fon, teg h dan beberapa atribut fon. Tetapi berhati-hati untuk tidak menyalahgunakan gaya fon, dan pada masa yang sama memberi perhatian kepada kesan keseluruhan untuk mengekalkan pengalaman membaca dan estetika halaman web. Selain itu, kami juga boleh mempertimbangkan untuk menggunakan helaian gaya CSS untuk mengawal fon secara global untuk mengoptimumkan tetapan fon web dengan lebih baik.

Atas ialah kandungan terperinci Tetapan fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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