Unduh PDFUnduh PDFX
How.com.vn adalah suatu "wiki", yang berarti ada banyak artikel kami yang disusun oleh lebih dari satu orang. Untuk membuat artikel ini, 13 penyusun, beberapa di antaranya anonim, menyunting dan memperbaiki dari waktu ke waktu.
Ada 7 referensi yang dikutip dalam artikel ini dan dapat ditemukan di akhir halaman.
Artikel ini telah dilihat 16.981 kali.
HTML memudahkan proses penebalan teks. Ada beberapa tag yang bisa dipelajari jika Anda menginginkan lebih banyak pilihan. Untuk saat ini, Anda bisa meluangkan beberapa menit untuk mempelajari beberapa CSS dasar dan menambahkannya langsung ke dokumen HTML Anda. Cara ini lebih cepat daripada memasukkan seluruh lembar gaya (stylesheet) CSS dan akan membuat Anda bisa mengatur ketebalan tampilan teks dengan lebih sempurna.
Langkah
<strong>Gunakan strong tag</strong>. Di HTML5 (standar HTML yang dianjurkan), penggunaan strong tag disarankan untuk teks penting. Strong tag hampir selalu terlihat sebagai teks tebal di peramban web.- Tempatkan teks yang ingin ditebalkan di antara tag ini: <strong>teks tebal di sini</strong>.
Gunakanlah heading tag sebagai alternatif strong tag di saat yang tepat. Heading (kepala tulisan) biasanya ditempatkan di atas halaman web atau di awal bagian baru. Umumnya, kepala tulisan ditampilkan lebih tebal dan lebih besar daripada huruf biasa, tetapi hal ini bisa bervariasi. Ada enam jenis heading tag, dari mulai <h1> sampai <h6>. Ikuti petunjuk berikut saat menggunakannya:- Tag h1, ditulis <h1>Teks Heading Anda</h1> adalah heading terpenting, biasanya merupakan teks paling besar di bagian atas halaman.
- <h2>Tag h2</h2> adalah heading terpenting kedua, begitu seterusnya sampai <h6>h6, yang terkecil</h6>.
- Gunakan tag-tag ini secara proporsional, hanya untuk mengatur halaman web Anda.[1] Pengguna harus bisa membaca heading dengan cepat dan menemukan topik yang mereka cari.
- Saat membuat subheading (anak judul), turunkan tag satu tingkat di bawahnya. Dengan kata lain, jangan meloncat dari <h1> ke <h3>. Hal ini membantu mempertahankan format halaman HTML saat ditransfer ke format lain.[2]
<b>Gunakan “tag b” sebagai cara terakhir</b>. Tag <b> masih bisa digunakan di HTML5, tetapi <strong> lebih disukai dalam banyak situasi. Gunakan tag <b> hanya saat teks harus ditebalkan untuk alasan gaya, bukan untuk memberi tekanan pada teks tersebut. Contohnya antara lain: kata kunci atau perbendaharaan kata untuk sebuah perjalanan, atau nama produk dalam artikel halaman web berisi ulasan mengenai produk tersebut.[3]- Seperti kebanyakan tag lainnya, <b>tempatkan teks yang akan ditebalkan di antara tag pembuka dan tag penutup</b>.
Iklan
Pahami waktu penggunaan CSS. CSS adalah cara yang lebih solid dan konsisten untuk mengatur gaya halaman web Anda. Hal ini menjadikannya sebagai cara ideal untuk menentukan “tampilan” halaman web, sementara HTML didesain untuk menentukan “apa yang dimaksudkan” halaman web Anda. Penggunaan tag HTML untuk memberi tekanan pada teks yang penting memang tidak salah, tetapi CSS akan membuat Anda bisa mengatur tampilan visual teks tebal secara lebih terperinci.- Cobalah membuka halaman dasar HTML dengan beberapa peramban web berbeda, Anda mungkin akan melihat perbedaan pada tampilannya. CSS memberitahu peramban web cara menampilkan teks yang sudah dimodifikasi dengan tag yang diberikan, untuk meminimalkan banyaknya perbedaan.
Tambahkan tag <span> ke teks Anda. Jika Anda belum memahami CSS, penggunaan “inline-CSS” adalah cara bagus untuk memulainya. Walaupun Anda bisa menggunakan “inline-CSS” untuk memodifikasi tag-tag seperti <p> atau <h1>, terkadang Anda mungkin ingin mengganti teks yang tidak berada di antara tag.[4] Jika begitu, tempatkan teks di antara tag <span></span>. Tag ini tidak memunculkan efek dengan sendirinya, tetapi harus diikuti dengan tambahan lain. Berikut adalah contoh yang akan kita gunakan:- <span>Saya mempelajari cara menebalkan teks ini dengan inline-CSS.</span>
Tambahkan atribut gaya. Atribut HTML ditulis langsung ke dalam tag, dalam tanda kurung < >. Atribut gaya tersebut diperlukan untuk memasukkan CSS ke dalam tag HTML, jadi kita akan memasukkan style= ke dalam span tag:- <span style=>Saya mempelajari cara menebalkan teks ini dengan inline-CSS</span>.
- Penambahan atribut gaya tanpa menentukan atau memasukkan gaya yang digunakan tidak akan berpengaruh apa pun. Kita mempelajarinya setahap demi setahap agar lebih mudah dipahami.
Tambahkan properti font-weight. Properti CSS ditambahkan sebagai bagian dari atribut gaya. Dalam contoh ini, kita akan menggunakan properti font-weight, yaitu properti untuk menentukan ketebalan huruf. Properti tunggal ini bisa digunakan untuk menampilkan teks tebal (ekstra tebal), teks tipis, atau bahkan menentukan kalau teks tersebut harus ditampilkan dengan ketebalan normal. Tambahkan "font-weight: " setelah tanda =, seperti berikut ini:- <span style="font-weight: ">Saya mempelajari cara menebalkan teks dengan inline-CSS.</span>
- Sekali lagi, tag ini belum selesai dan tidak akan mempengaruhi apa pun.
- Jangan lupa menuliskan tanda petik sebelum dan setelah font-weight:.
Tambahkan nilai ketebalan. Satu-satunya hal yang perlu kita lakukan sekarang adalah menambahkan nilai untuk bobot huruf, di antara font-weight: dan tanda petik terakhir. Ada beberapa opsi variasi tingkat ketebalan, tetapi nilai "bold" adalah cara yang paling mudah digunakan:[5]- <span style="font-weight:bold">Saya mempelajari cara menebalkan teks ini dengan inline-CSS</span>.
Lakukan eksperimen dengan nilai-nilai lainnya. CSS memberikan lebih banyak opsi pada Anda dibandingkan HTML, Anda tidak perlu merasa terbatasi. Berikut adalah beberapa alternatif selain nilai "bold":[6]- <span style="font-weight:bolder">Teks "bolder" akan selalu lebih tebal daripada elemen induk</span>. Sebagai contoh, jika Anda menebalkan seluruh paragraf dengan "bold", gunakanlah "bolder" di satu kalimat dalam paragraf tersebut, kalimat ini akan menjadi lebih tebal.
- <span style="font-weight:normal">Teks "normal" akan terlihat sebagai teks biasa walaupun berada dalam tag bold</span>.
- <span style="font-weight:900">Anda bisa menggunakan angka dari 100 sampai 900 untuk menentukan ketebalan. 400 adalah nilai teks normal, sedangkan teks tebal menggunakan nilai 700 sebagai standarnya.</span>.[7]
Iklan
Tips
- Saat menggunakan properti font-weight di CSS, gunakan hanya nilai numerik kelipatan 100. Nilai yang berada di antaranya akan otomatis dibulatkan.[8]
- Lembar CSS eksternal (embedded sheet) merupakan cara yang jauh lebih baik untuk menebalkan teks, Anda bisa memodifikasi dan dengan mudah mengubah seluruh dokumen sekaligus.
- Masing-masing jenis huruf hanya memiliki pilihan font weights (bobot huruf) yang sudah ditentukan. Saat menggunakan CSS, font weights yang tersedia dan terdekat dengan jumlah yang sudah ditentukanlah yang dipakai. Artinya, Anda tidak selalu akan melihat perbedaan di antara dua font weights yang lebih tebal dan font weights normal.
Iklan
Referensi
- ↑ http://static.googleusercontent.com/media/www.google.com/en/us/webmasters/docs/search-engine-optimization-starter-guide.pdf
- ↑ http://www.hobo-web.co.uk/headers/
- ↑ http://www.quackit.com/html/codes/bold/
- ↑ http://reference.sitepoint.com/html/core-attributes/style
- ↑ http://www.quackit.com/css/properties/css_font-weight.cfm
- ↑ http://www.quackit.com/css/properties/css_font-weight.cfm
- ↑ http://www.w3schools.com/cssref/pr_font_weight.asp
- ↑ https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
Tentang How.com.vn ini
Halaman ini telah diakses sebanyak 16.981 kali.
Apakah artikel ini membantu Anda?
⚠️ Disclaimer:
Content from Wiki How Bahasa Indonesia language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
Iklan
