Cara Membuat Judul Tebal dan Miring di HTML

click fraud protection

Sematkan tag markup gaya untuk huruf miring dan tebal di HTML kode header untuk menambahkan penekanan pada daftar mata pelajaran Anda.

Judul

Tag heading adalah cara paling sederhana untuk membagi dokumen Anda. Jika Anda menganggap situs Anda sebagai surat kabar, maka judulnya adalah berita utama di surat kabar. Judul utama adalah H1 dan judul berikutnya adalah H2 sampai H6.

Gunakan kode berikut untuk membuat HTML.

Ini adalah Pos 1


Ini adalah Pos 2


Ini adalah Pos 3


Ini adalah Pos 4


Ini adalah Pos 5

Ini adalah Pos 6

Jaga agar judul Anda dalam urutan yang logis—H1 datang sebelum H2, yang datang sebelum H3, dan seterusnya.

Jangan terlalu khawatir tentang tampilan judul—Anda harus menggunakan CSS untuk tajuk utama gaya daripada menggunakan judul yang rusak. Tag judul adalah elemen tingkat blok, jadi mereka memasukkan jeda baris untuk Anda. Jangan letakkan tag paragraf di dalam tag heading.

Tebal dan Miring

Ada empat tag yang dapat Anda gunakan untuk huruf tebal dan miring:

  • dan untuk tebal
  • dan untuk miring
instagram viewer

Tidak masalah yang Anda gunakan. Sementara beberapa lebih suka dan , banyak orang menemukan untuk "tebal" dan untuk "miring" lebih mudah diingat.

Cukup kelilingi teks Anda dengan tag pembuka dan penutup, untuk membuat teks mencolok atau miring:

mencolok
miring

Anda dapat membuat sarang tag ini (yang berarti Anda dapat membuat teks menjadi tebal dan miring) dan tidak masalah yang merupakan tag luar atau dalam.

Sebagai contoh:

Teks ini dicetak tebal

Teks ini dicetak tebal

Teks ini dicetak miring

Teks ini miring

Teks ini dicetak tebal dan miring

Teks ini dicetak tebal dan miring

Mengapa Ada Dua Set Tebal dan Miring Tags

Dalam HTML4, dan tag dianggap sebagai tag gaya yang hanya memengaruhi tampilan teks dan tidak mengatakan apa pun tentang konten tag, dan penggunaan tag tersebut dianggap sebagai bentuk yang buruk. Kemudian, dengan HTML5, mereka diberi makna semantik di luar tampilan teks.

Dalam HTML5 tag ini menggunakan arti khusus:

  • menunjukkan teks yang tidak lebih penting daripada teks di sekitarnya, tetapi presentasi tipografi yang khas adalah teks tebal, seperti kata kunci dalam abstrak dokumen atau nama produk dalam ulasan.
  • menunjukkan teks yang tidak lebih penting daripada teks di sekitarnya, tetapi presentasi tipografi yang khas adalah teks miring, seperti judul buku, istilah teknis, atau frasa dalam bahasa lain.
  • menunjukkan teks yang memiliki kepentingan yang kuat dibandingkan dengan teks sekitarnya.
  • menunjukkan teks yang memiliki tekanan empatik dibandingkan dengan teks di sekitarnya.

Miring di Header

Tidak ada yang menghalangi Anda untuk menggunakan tag miring di tag header, meskipun beberapa browser mungkin menghapus konteks ini. Biasanya lebih baik menggunakan CSS untuk memastikan Anda mendapatkan hasil visual yang Anda tuju.

instagram story viewer