Gaya Fon HTML-html tutorial-php.cn

Gaya Fon HTML

WBOY

Lepaskan： 2024-09-04 16:14:25

asal

493 orang telah melayarinya

Artikel berikut, Gaya Fon HTML, menyediakan garis besar gaya fon yang paling biasa digunakan dalam HTML. HTML, lebih dikenali sebagai HyperText Markup Language, adalah salah satu bahasa atau skrip yang paling penting dan kritikal yang penting dalam mencipta aplikasi web dan tapak web. Ini seperti tulang belakang pembangunan apl web, kerana semua teg dan ciri lain membentuk komponen asasnya.

Semua pembangunan bahagian hadapan juga berdasarkan skrip HTML. Ini hanya boleh digunakan untuk menyediakan teg markup dan untuk meningkatkan rupa dan rasa teg ini, kami mempunyai perpustakaan lain yang sangat popular, CSS, yang bermaksud Cascading Style Sheets. Ini boleh digunakan untuk melaksanakan semua jenis gaya yang diperlukan oleh HTML. Fon dan gaya membentuk bahagian utama tapak web, dan dalam artikel ini, kami akan memberikan anda senarai majoriti gaya fon HTML.

Gaya Font HTML

Fon memainkan peranan utama dalam menjadikan tapak web lebih mesra pengguna dan menarik lebih banyak trafik selain daripada meningkatkan kebolehbacaan kandungan. Warna fon dan muka fon juga bergantung pada komputer dan penyemak imbas yang menggunakannya, dan HTML tag juga digunakan untuk menambah gaya, warna, saiz pada teks di tapak web anda.

tag digunakan untuk menetapkan semua teks yang terdapat pada tapak web anda atau di dalam

elemen dengan saiz, warna dan muka yang sama. Teg fon terdiri daripada tiga atribut: warna dan saiz muka, yang sekali lagi membentuk komponen penting bagi gaya fon berbeza yang terdapat di dalam tapak web.

teg ialah teg yang paling biasa digunakan dan salah satu teg paling penting yang boleh digunakan untuk membina rupa dan rasa yang baik untuk halaman web anda. Teks yang akan mengikuti teg akan kekal dalam cara yang sama melainkan dan sehingga ditutup oleh tag.

Mari kita lihat beberapa Gaya Fon HTML asas:

Terdapat beberapa ciri dan ciri asas yang dikaitkan dengan gaya fon HTML, dan ia adalah:

1. Menetapkan Saiz Fon

Saiz fon kandungan boleh ditetapkan dengan menggunakan atribut saiz. Nilai julat yang diterima terletak daripada 1, iaitu nombor terkecil, dan ia pergi hingga 7, iaitu nombor terbesar. Saiz lalai mana-mana jenis fon ialah 3.

Contoh,

<!DOCTYPE html>
<html>
<head>
<title>Setting Basic Font Size</title>
</head>
<body>
<font size = "1">Font size = "1"</font><br />
<font size = "2">Font size = "2"</font><br />
<font size = "3">Font size = "3"</font><br />
<font size = "4">Font size = "4"</font><br />
<font size = "5">Font size = "5"</font><br />
<font size = "6">Font size = "6"</font><br />
<font size = "7">Font size = "7"</font>
</body>
</html>

Salin selepas log masuk

2. Saiz Fon Relatif

Saiz fon relatif digunakan untuk menentukan dan menentukan bilangan saiz yang lebih besar dan bilangan saiz yang lebih kecil daripada saiz fon semasa yang sebenarnya ada. Ini boleh dinyatakan seperti :

<font size = "+f"> or by writing <font size = "−f">

Salin selepas log masuk

Contoh,

<!DOCTYPE html>
<html>
<head>
<title>Relative Font Size</title>
</head>
<body>
<font size = "-1">Font size = "-1"</font><br />
<font size = "+1">Font size = "+1"</font><br />
<font size = "+2">Font size = "+2"</font><br />
<font size = "+3">Font size = "+3"</font><br />
<font size = "+4">Font size = "+4"</font>
</body>
</html>

Salin selepas log masuk

3. Menetapkan Muka Fon

Kategori lain selepas penetapan saiz fon dan saiz fon relatif ialah penetapan muka fon. Ini membentuk bahagian kritikal daripada atribut yang disenaraikan di atas. Ini boleh ditetapkan dengan menggunakan atribut muka, tetapi perlu sentiasa diingat bahawa jika pengguna yang ditetapkan untuk menggunakan nilai fon ini tidak memasang fon ini dalam sistem mereka, mereka tidak akan dapat melihatnya. Sebaliknya, hanya muka fon lalai yang digunakan pada komputer pengguna tertentu itu akan kelihatan.

Contoh,

<!DOCTYPE html>
<html>
<head>
<title>Font Face</title>
</head>
<body>
<font face = "Times New Roman" size = "5">Times New Roman</font><br />
<font face = "Verdana" size = "5">Verdana</font><br />
<font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br />
<font face = "WildWest" size = "5">WildWest</font><br /&gt
<font face = "Bedrock" size = "5">Bedrock</font><br />
</body>
</html>

Salin selepas log masuk

4. Tentukan Muka Font Alternatif

Ini digunakan untuk menentukan pelbagai jenis muka fon hanya jika pengguna memasang fon tertentu pada sistem mereka; jika tidak, fon yang dipasang lalai akan kelihatan. Anda boleh menyebut lebih daripada satu, khususnya dua atau lebih daripada dua alternatif muka fon dengan menyenaraikan nama muka fon, yang dipisahkan secara khusus dengan koma.
Apabila halaman web dimuatkan, Penyemak imbas akan bertanggungjawab untuk memaparkan fon pertama, yang akan dijana. Jika tiada fon yang disediakan dipasang dalam sistem, maka muka fon lalai, iaitu Times New Roman, akan berjaya dipaparkan.

Contoh,

<font face = "arial,helvetica">
<font face = "Lucida Calligraphy,Comic Sans MS,Lucida Console">

Salin selepas log masuk

5. Menetapkan Warna Fon

Ini ialah satu lagi atribut yang membentuk bahagian kritikal dan komponen senarai fon dan gaya HTML. Dalam fon ini, warna disediakan dengan menggunakan sebarang atribut warna; warna yang diperlukan mungkin diperlukan dengan menggunakan kod perenambelasan dan nama warna untuk warna yang ditentukan.

Contoh,

<!DOCTYPE html>
<html>
<head>
<title>Setting Font Color</title>
</head>
<body>
<font color = "#FF00FF">This text is in pink</font><br />
<font color = "red">This text is red</font>
</body>
</html>
<basefont>

Salin selepas log masuk

6. Element

This element is specific to HTML language and is supposed to provide the webpage with a default font size, typeface, and color for all the parts and components of the documents which are not contained inside the tag.

The tag could be easily used to override the settings.

This tag also makes use of color, face and size attributes which will relatively support all the font settings by providing the size of a value of +1 for one size greater or -2 for two sizes smaller.

Example,

<!DOCTYPE html>
<html>
<head>
<title>Setting Basefont Color</title>
</head>
<body>
<basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000">
<p>This is the page's default font.</p>
<h2>Example of the &lt;basefont&gt; Element</h2>
</body>
</html>

Salin selepas log masuk

Conclusion

HTML font and styles are among the most critical components and features that cannot be overlooked and can give a very good shape and design to your website. When we talk about the latest javascript libraries available in the market, they contain all these and several other font and styles. For the basic HTML, this still needs to be done manually. I hope you liked our article. Stay tuned to our blog for more articles like these.

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