Cara Membuat Teks Tebal dengan HTML

Pengarang: John Pratt
Tanggal Pembuatan: 13 Lang L: none (month-010) 2021
Tanggal Pembaruan: 9 Boleh 2024
Anonim
Membuat Huruf Tebal di HTML
Video: Membuat Huruf Tebal di HTML

Isi

HTML memudahkan untuk membuat teks menjadi tebal, dan ada banyak tag yang dapat digunakan jika Anda menginginkan lebih banyak opsi. Lebih baik lagi, pelajari beberapa CSS dan tambahkan langsung ke dokumen HTML Anda. Ini lebih cepat daripada menambahkan lembar gaya CSS dan akan memungkinkan Anda untuk mengontrol berapa banyak ketebalan yang Anda inginkan dalam teks tebal Anda.

Langkah

Metode 1 dari 2: Membuat Teks Tebal dengan HTML

  1. Gunakan tag 'kuat'. Dalam HTML5, standar yang disukai, tag 'kuat', direkomendasikan untuk teks penting. Ini hampir selalu ditampilkan sebagai teks tebal di browser.
    • Ketik teks yang ingin Anda cetak tebal di antara tag berikut: teks tebal di sini.

  2. Gunakan tag judul jika perlu. Mereka ditempatkan di bagian atas situs web atau di awal bagian baru. Judul biasanya ditampilkan dalam font yang lebih besar dan tebal, tetapi ini dapat bervariasi. Ada enam tag berbeda untuk judul, dari

    Itu

    . Ikuti petunjuk ini saat menggunakannya.
    • Tag h1, ditulis sebagai

      Judul Anda Di Sini

      adalah judul paling penting, biasanya teks terpanjang di awal halaman.
    • Tag h2

      adalah untuk judul terpenting kedua, dan seterusnya, bahkan untuk tag
      h6, terendah
      .
    • Gunakan dengan hemat, hanya untuk mengatur halaman Anda. Pengguna harus dapat menelusuri judul dengan cepat dan menemukan apa yang mereka cari.
    • Saat membuat subtitle, turunkan satu level pada satu waktu. Dengan kata lain, jangan melompat dari

      untuk

      . Ini membantu halaman HTML untuk mempertahankan pemformatan saat ditransfer ke format lain.


  3. Gunakan tag 'b' sebagai pilihan terakhir.. Tag masih didukung dalam HTML5, tetapi itu paling disukai dalam banyak kasus. Gunakan tag hanya jika teks tebal digunakan untuk alasan gaya, bukan untuk penekanan. Contohnya termasuk kata kunci atau kosakata dalam teks, atau nama produk untuk analisis.
    • Seperti kebanyakan tag, ketik teks di antara awal dan akhir tag.

Metode 2 dari 2: Membuat Teks Tebal dengan Inline CSS


  1. Pahami kapan harus menggunakan CSS, yang merupakan cara yang lebih efektif dan konsisten untuk mengubah gaya situs Anda. Bahasa ini ideal untuk menentukan tampilan situs web Anda, sedangkan HTML menentukan arti situs web Anda. Tidak apa-apa menggunakan HTML untuk menekankan teks penting, tetapi CSS akan memberi Anda kontrol lebih besar atas aspek visual teks tebal Anda.
    • Coba buka halaman HTML yang sama di browser yang berbeda, dan Anda mungkin melihat beberapa perbedaan tampilan. CSS "memberi tahu" browser dengan tepat cara menampilkan teks yang diubah oleh tag, untuk meminimalkan variasi.
  2. Tambahkan tag ke teks Anda. Jika Anda belum tahu apa-apa tentang CSS, menggunakan "CSS inline" adalah cara yang baik untuk memulai. Meskipun Anda dapat mengubah tag suka

    atau

    , terkadang Anda harus mengubah teks yang belum ada di antara tag. Dalam kasus ini, apit teks dalam tag . Itu tidak berpengaruh sendiri, tetapi memberi kita sesuatu untuk dikerjakan. Berikut adalah contoh yang akan kita gunakan:
    • Saya belajar membuat teks ini tebal dengan inline CSS.

  3. Tambahkan atribut gaya. Atribut HTML ditulis langsung di tag, dalam tanda kurung <>. Fitur style diperlukan untuk memasukkan CSS di dalam tag HTML, jadi akan kita sisipkan gaya = di tag span:
    • Saya belajar membuat teks ini tebal dengan inline CSS.
    • Tidak ada alasan untuk menambahkan atribut gaya tanpa menentukan apapun. Kami hanya mempelajari satu hal pada satu waktu.
  4. Tambahkan properti 'font-weight'. Properti CSS ditambahkan sebagai atribut gaya. Dalam kasus kami, kami akan menggunakan properti yang disebutkan, yang menentukan ketebalan font. Ini dapat digunakan untuk menampilkan teks tebal, lebih tipis, atau bahkan ketebalan normal. Menambahkan "font-weight:" setelah tanda =, seperti gambar di bawah ini:
    • Saya belajar membuat teks ini tebal dengan inline CSS.
    • Sekali lagi, kami belum selesai.
    • Jangan lupa kutipan sebelum dan sesudah font-weight:.
  5. Tambahkan nilai dengan huruf tebal. Satu-satunya hal yang perlu kita lakukan adalah menetapkan nilai di antara font-weight: dan kutipan terakhir. Ada beberapa pilihan yang bisa digunakan, tapi nilainya mencolok adalah yang paling mudah digunakan:
    • Saya belajar membuat teks ini tebal dengan inline CSS.
  6. Bereksperimenlah dengan nilai-nilai lain. CSS memberi Anda banyak opsi selain HTML, jadi jangan dibatasi. Berikut beberapa alternatif untuk nilai "tebal":
    • Teks "Lebih berani" akan lebih terbuka daripada yang serupa dengannya. Misalnya, jika Anda membuat seluruh paragraf dengan "tebal", lalu menggunakan "lebih tebal" dalam kalimat individual dalam paragraf, itu akan menonjol.
    • Opsi "Normal" akan mempertahankan teks tanpa cetak tebal, meskipun di antara tag yang membuatnya tebal.
    • Anda dapat menggunakan nilai numerik mulai dari 100 hingga 900 untuk menentukan ketebalan. 400 adalah normal sedangkan teks tebal menggunakan 700.

Tips

  • Saat menggunakan properti font-weight di CSS, gunakan hanya nilai numerik kelipatan 100, karena angka di antara keduanya akan dibulatkan.
  • Lembar CSS tertanam atau eksternal adalah cara yang lebih baik untuk membuat teks tebal, karena memungkinkan perubahan pada dokumen lengkap sekaligus.
  • Setiap font hanya memiliki beberapa fitur yang tersedia. Saat menggunakan CSS, format yang digunakan untuk font paling mendekati permintaan. Ini berarti bahwa terkadang tidak mungkin untuk membedakan huruf tebal dalam font, misalnya.

Formulir PDF ering kali digunakan untuk menggantikan dokumen fi ik tertentu, terutama aat dii i melalui internet. PDF yang dapat dii i dapat dibuat dari berbagai jeni file iap pakai, terma uk kerta pi...

Bagaimana Memformat FAT32

Robert Doyle

Boleh 2024

Klik kanan pada drive U B dan pilih Format. Anda akan melihatnya di panel kanan. Kemudian, jendela "Format" akan terbuka. Jika Anda tidak melihat drive U B terdaftar, tekan tombol ⊞ Menang+R...

Pilihan Situs