Cara membuat teks miring dalam HTML

How Make Italics Text Html



Bahasa markup hiperteks (HTML) adalah bahasa front-end yang digunakan untuk merancang dan mengembangkan laman web. HTML adalah bahasa asas semua bahasa yang digunakan untuk merancang laman web statik atau dinamik. Html mempunyai banyak fungsi yang diperlukan dalam merancang. Dengan bantuan tag, perintah yang ditulis dalam kurungan sudut, laman web dirancang. HTML membolehkan pengguna membuat atau mengedit teks, gambar, atau elemen lain seperti penyunting teks mana pun, iaitu Microsoft Word. Kandungan HTML adalah teks, gambar, warna, reka bentuk, dan lain-lain, reka bentuk adalah bahagian yang sangat penting kerana bertanggungjawab untuk menghias teks. Menjadikan teks miring adalah salah satu contoh merancang teks. Elemen ini penting dalam menekankan atau mendorong perhatian pengguna. Beberapa contoh diserlahkan dalam tutorial ini.

Keperluan yang diperlukan

HTML memerlukan dua alat untuk merancang dan mengembangkan laman web. Salah satunya adalah penyunting teks yang diperlukan untuk menulis kod html di dalamnya. Ia boleh menjadi penyunting teks dalam akses anda, seperti notepad, notepad ++, luhur, studio visual, dll. Yang kedua adalah penyemak imbas di komputer anda, Google Chrome, penjelajah internet, dll. Dalam artikel ini, kami telah menggunakan notepad dan Google chrome. Untuk merancang halaman statik, anda memerlukan HTML dan untuk menggayakan helaian gaya CSS. Masing-masing digunakan dalam panduan ini dengan contoh.







Format HTML

Untuk menjelaskan reka bentuk teks miring, pertama-tama kita memahami kod html. Kod HTML mempunyai dua bahagian. Salah satunya adalah bahagian kepala, dan yang lain di badan. Kami memasukkan tajuk di bahagian kepala; nama tajuk ini sebenarnya adalah tajuk halaman. Gaya dalaman juga dilakukan di dalam badan kepala. Manakala isi mengandungi semua tag lain yang berkaitan dengan teks, gambar, dan warna, dan lain-lain selain itu, apa sahaja yang anda mahu tambahkan ke halaman html ditulis di bahagian badan kod html.



< html >

< kepala >...</ kepala >

< badan >….</ badan >

</ html >

Gambar di bawah adalah contoh kod HTML. Anda dapat melihat bahawa nama tajuk ditulis di bahagian kepala. Pada masa yang sama, kami telah menambahkan satu perenggan di isi html dengan menggunakan tag

. maka teg badan dan tag html ditutup.







Keluaran sampel ini dilihat di penyemak imbas. Anda dapat melihat bahawa nama tajuk ditunjukkan dalam nama tab, yang telah kami nyatakan di kepala kod html.

HTML mempunyai tag pembuka dan penutup untuk semua tag yang ditulis di dalam badannya. Setelah kod dibuka mesti ditutup setelah menulis teks di antaranya. Teg ditutup dengan garis miring di dalamnya. Kod tersebut kemudian disimpan dalam fail notepad. Satu perkara yang harus diingat adalah bahawa semasa menyimpan kod, fail editor teks mesti disimpan dengan pelanjutan html. Contohnya, sample.html. maka anda akan melihat bahawa fail tersebut disimpan dengan ikon penyemak imbas semasa yang anda gunakan untuk tujuan ini.



Ini adalah latar belakang merancang dalam html. Sekarang kita akan menggunakan contoh mudah untuk menjadikan teks miring.

Contoh 1

Ambil fail notepad dan tulis kod html ringkas seperti yang dijelaskan sebelumnya dalam panduan ini. Tambahkan perenggan dua garis di bahagian badan. Untuk menjadikan teks itu miring. Gunakan teg pada permulaan perkataan yang anda mahu dalam bentuk miring

< i > ……</ i >

Ini adalah teg untuk teks miring. Seperti yang anda lihat pada gambar di bawah, adalah tag pembuka yang ditulis pada awal dan adalah tanda penutup. Tutup badan dan html.

Sekarang simpan fail dan jalankan di penyemak imbas untuk melihat output fail.

Dari hasilnya, anda dapat melihat bahawa ayat yang kita buat dengan huruf miring dalam kod adalah dalam bentuk miring, sedangkan kalimat pertama muncul dalam format normal.

Contoh 2

Dalam contoh ini, kita akan membuat kata tertentu dalam bentuk miring dan bukannya keseluruhan ayat teks. tag pembuka dan penutup digunakan dalam keseluruhan perenggan, di mana sahaja kita mahu menjadikan teks itu miring dalam ayat.

Sekarang sekali lagi, simpan fail dan kemudian jalankan di penyemak imbas. Anda dapat melihat bahawa beberapa bahagian teks tertentu dalam bentuk miring yang ingin kami jadikan miring dalam kod.

Contoh 3

Selain menggunakan dalam teks, kaedah lain ada untuk membuat teks dalam bentuk miring. Ini adalah pendekatan untuk menekankan beberapa bahagian teks. Tag ini juga mempunyai tag pembuka dan penutup. Sintaks yang digunakan untuknya adalah;

< dalam >….</ dalam >

Teks ditulis antara dua tanda; dalam contoh ini, kami telah menggunakan tag ini dua kali dalam perenggan. Mari lihat gambar kod yang diletakkan di bawah.

Dalam kedua-dua ayat tersebut, kami telah menggunakan sekali dalam perenggan. Output diperoleh dengan menjalankan fail html dalam format penyemak imbas.

Contoh 4

Ini adalah contoh di mana kita telah menggunakan pendekatan lain untuk menunjukkan kata-kata dalam bentuk miring. Ini menyiratkan penggunaan dalam teks. Dalam contoh ini, kami telah menerapkan tag ini ke seluruh teks yang ditulis dalam badan html.

< Cite > ……</ petikan >

Setelah menutup semua tag, jalankan fail di penyemak imbas.

Contoh 5

Hingga kini, kami telah membincangkan gaya teks yang sebaris. Membuat bentuk teks yang miring juga merujuk pada gaya dan reka bentuk teks. Gaya terdiri daripada tiga jenis. Yang satu sebaris, yang kedua dalaman, dan yang ketiga luaran. Gaya sebaris dilakukan dalam tag. Dalaman ditulis di dalam badan kepala. Dan gaya luaran dilakukan dalam fail lain dengan peluasan .css.

Ini adalah contoh css sebaris; di sini, kami telah menulis kod di dalam tag perenggan. Kami telah menyatakan pernyataan gaya sebagai gaya fon menjadi miring. Pernyataan ini ditulis di dalam tag, jadi tidak akan ada tag penutup, seperti yang anda lihat pada gambar di atas. Sekarang tutup semua teg dan jalankan di penyemak imbas. Ini menunjukkan hasil yang sama seperti yang kita mahukan.

< hlm gaya=membuat-gaya: miring;>

Contoh 6

Setelah sebaris, sekarang kita akan menambah contoh gaya dalaman. Di sini kelas ditambahkan di bahagian kepala. Kemudian nama kelas dinyatakan dalam tag perenggan di badan html. Agar ia mudah dicapai.

< kepala >

< gaya >

.untuk{

Buat-gaya: miring;

}

</ gaya ></ kepala >

Anda dapat melihat bahawa kelas dimulakan dengan kaedah titik. Terdapat dua perenggan dalam kod tersebut; kami telah menerapkan gaya ini pada salah satu daripadanya. Oleh itu, ia berguna apabila kita mahu memformat satu perenggan.

Pengisytiharan kelas di dalam perenggan adalah;

< hlm kelas=a>
< hlm kelas='ke'>

Ini akan memasuki kelas di kepala. Sekarang lihat outputnya. Anda akan melihat bahawa salah satu perenggan itu berbentuk miring.

Kesimpulannya

Artikel ini mewakili pemformatan teks dalam bentuk miring. Reka bentuk teks adalah bahagian penting dalam merancang laman web.