Bagaimana membuat teks tebal pada html?

Belajar bahasa pemrograman komputer merupakan aktivitas yang menyenangkan karena itu pada artikel ini saya akan membagikan cara membuat tulisan tebal dengan bahasa pemrograman HTML, untuk membuat tulisan tebal di html Anda bisa menggunakan kode di bawah (silakan copy kebagian HTML di website anda atau klik jalankan program pada link dibawah untuk mencoba kode dibawah)

ini teks biasa.

ini teks tebal.

 

Hasilnya seperti ini

ini teks biasa

ini teks tebal

Adapun yang menjadi konsen penulisan huruf tebal di html adalah symbol …teks.. pada bagian diantara kode dan huruf tebal tercetak. Pada bagian ini teks tebal bisa anda ganti dengan keinginan anda, misalnya anda ganti dengan nama anda.

Bagaimana membuat teks tebal pada html?
Gambar 1.0. Cara membuat teks tebal dengan HTML

Anda tidak harus mempunyai website untuk mencoba program di atas berjalan, anda bisa mengunjungi link website di bawah untuk mencoba mengaplikasikan kode yang telah anda buat, silakan klik jalankan program

Jalankan Program

Demikian tutorial singkat cara membuat tulisan tebal di html, apabila saudara mempunyai pertanyaan silahkan tulis melalui kolom komentar di bawah silakan berikan kepada teman atau saudara anda yang membutuhkan

Membuat huruf tebal pada HTML juga bisa dilakukan di CSS atau Style, tapi postingan ini akan menjelaskan bagaimana membuat huruf tebal dengan tag HTML. Tag apa yang digunakan ?

Mau tebalkan huruf hanya dengan CSS ? Klik disini, bandingkan mana yang lebih mudah digunakan.

Apa Bedanya ?

Bagaimana membuat teks tebal pada html?

Bagaimana membuat teks tebal pada html?

ads by posciety

Bedanya yaitu ketika kita menggunakan CSS untuk membuat huruf menjadi tebal, maka kita kerja dua kali. Setelah kita tulis text di HTML selanjutnya kita atur menjadi tebal di CSS. Tapi ketika kita menggunakan tag di HTML untuk membuat huruf menjadi tebal, hanya sekali kerja saja.

Ketika memberikan tag atau pada tulisan di HTML maka tulisan itu akan langsung menjadi tebal tanpa kita susun di CSS. Mudah yang mana ? Tergantung selera ya, tapi postingan ini menjelaskan cara yang mudahnya yaitu menggunakan tag HTML.

Cara Menebalkan Huruf – HTML

Misalnya ada tulisan dalam tag

dan ingin ditebalkan semuanya, maka cukup memberikan tag atau setelah tag

dan sebelum penutup tag

. Bisa juga memberikannya di luar tag

.

Baca Juga:

Bootstrap Live Filtering Dropdown, Temukan Item Lebih Mudah &…

Membuat Angka Romawi Besar & Romawi Kecil di HTML

Table Terlalu Banyak Tampilkan Data ? Buatlah Sistem Search / Filter…

Kumpulan Nama-Nama class Bootstrap yang HARUS Kamu Ketahui

Menebalkan sebagian

Misalnya ingin menebalkan beberapa kata saja yang ada didalam tag

, tidak repot ! Cukup berikan tag atau saja diantara kata tersebut maka tulisan lain didalam tag

tetap normal tapi tulisan didalam atau akan tebal.

Ini hanya sekedar contoh saja, tidak hanya tag

tapi bisa diterapkan dimana saja sesuai keperluan.

Di dalam dokumen HTML, tentunya ada tulisan yang dimiringkan dan ditebalkan sesuai dengan keperluan dan ketentuan penulisan yang berlaku. HTML sendiri memiliki banyak elemen dalam pemformatan teks agar ditampilkan di browser dalam bentuk cetak tebal, miring, bergaris bawah, dan sebagainya.

Pada materi kali ini, saya akan menjelaskan cara membuat tulisan miring dan tebal di HTML. Pada umunya, pemformatan tulisan dalam bentuk cetak tebal (bold) dapat menggunakan tag dan tag sedangkan untuk pemformatan tulisan dalam bentuk cetak miring (italic) dapat menggunakan tag dan tag .

Meskipun tag dan tag sama – sama menampilkan bentuk cetak tebal di browser tetapi tentunya cara dan maksud penggunaannya berbeda. Hal itu sama dengan penggunaan tag dan tag . Penggunaan tag , , dan didukung oleh banyak browser diantaranya adalah Google Chrome, Mozilla firefox, Internet Explorer, Safari dan lain sebagainya.

Secara umum, elemen di dalam formatting ada dua yaitu Logical Formatting dan Physical Formatting. Physical Formatting digunakan untuk memformat teks secara karakteristik teks sedangkan Logical Formatting untuk memformat teks menurut kandungan atau isi teks. Tag dan tag merupakan Physical Formatting sedangkan tag dan tag merupakan Logical Formatting. Untuk lebih jelasnya mengenai keempat tag diatas, simaklah penjelasan dibawah ini :

A. Tag dan tag

Sebelumnya tag pernah disarankan tidak digunakan lagi karena sudah digantikan dengan CSS yang berfungsi menangani tampilan. Tapi sejak kemunculan HTML5, tag dianggap sebagai “stylistically offset” yaitu sebagai penanda sebuah kata kunci ataupun teks lain yang dianggap perlu dibedakan dengan teks lain. Sedangkan strong pada HTML5 digunakan untuk menandakan teks itu penting dan menjadi kata kunci di search engine (mesin pencari). Namun, pada HTML 4.01, tag digunakan untuk mendefinisikan penekanan yang kuat pada suatu teks (emphasis).

Berikut contoh kode penggunaan tag dan tag :



 
   Penggunaan Format Tulisan Cetak Tebal<title>
 </head>
 <body>
  <b>Kekinian</b> adalah sebuah website yang terdiri atas berbagai <strong>artikel seputar
IT</strong>.
 </body>
 </html>
</code></pre><p>Hasilnya setelah ditampilkan di browser :</p><p><div class="imgBox"><img alt="Bagaimana membuat teks tebal pada html?" data-orgimg="https://sg.cdnki.com/bagaimana-membuat-teks-tebal-pada-html---aHR0cHM6Ly9pMC53cC5jb20vd3d3Lm5lc2FiYW1lZGlhLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wMS9UYWctYi1kYW4tc3Ryb25nLnBuZw==.webp" ></img></div><div class="imgBox"><img alt="Bagaimana membuat teks tebal pada html?" data-orgimg="https://sg.cdnki.com/bagaimana-membuat-teks-tebal-pada-html---aHR0cHM6Ly93d3cubmVzYWJhbWVkaWEuY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDE3LzAxL1RhZy1iLWRhbi1zdHJvbmcucG5n.webp" ></img></div></p><p>Disini saya membuat Kekinian dengan tag <b> karena dianggap sebagai kata kunci dan sebagai kata yang perlu dibedakan dari yang lainnya. Sedangkan “kumpulan karangan menarik” dibuat dengan tag <strong> karena dianggap sebagai text yang penting dan dan dijadikan kata kunci/ keyword di search engine.</p><p>Pada CSS, umumnya browser menampilkan elemen <b> dan <strong> dengan nilai tetap yaitu<br>font-weight : bold.</p></p><h3 id="b-tag-lt-i-gt-dan-tag-lt-em-gt">B. Tag <i> dan tag <em></h3><p>Sama halnya dengan tag <b> dan tag <strong>, sejak kemunculan HTML5, tag <i> diakui kembali tetapi sebagai tanda bahwa teks tersebut berbeda dengan yang lain seperti untuk menulis judul buku, penerbit, kata adaptasi, dan sebagainya.</p><p><p></p><p>Sedangkan tag <em> memiliki arti stress emphasis yaitu dinyatakan sebagai teks yang perlu mendapatkan penekanan atau perhatian khusus. Penggunaan tag <em> sangat penting sebagai kata kunci di Search Engine.</p><p>Berikut contoh kode penggunaan tag <i> dan tag<em> :</p><pre><code><!DOCTYPE html>
<html>
 <head>
  <title>Bentuk Teks Cetak Miring di HTML
 
 
  Indonesia Bersatu adalah judul buku yang mengajarkan kepada kita arti
  nasionalisme
 

Hasilnya setelah ditampilkan di browser :

Bagaimana membuat teks tebal pada html?
Bagaimana membuat teks tebal pada html?

Dari gambar diatas terlihat bahwa “Indonesia Bersatu” ditulis miring dengan menggunakan tag karena merupakan sebuah judul buku. Sedangkan, kata “nasionalisme” ditulis miring dengan menggunakan tag karena merupakan kata yang perlu penekanan dan dianggap penting.

Pada CSS, umumnya browser menampilkan elemen dan dengan nilai tetap yaitu font- style: italic. Jika anda sudah paham fungsi dari keempat tag tersebut, silakan simak tutorial HTML berikutnya mengenai cara membuat tulisan dengan garis bawah dan tercoret di HTML.

Part 5: Cara Membuat Paragraf

Part 7: Underline dan Strikethrough

Editor: Muchammad Zakaria

Download berbagai jenis aplikasi terbaru, mulai dari aplikasi windows, android, driver dan sistem operasi secara gratis hanya di Nesabamedia.com:

Bagaimanakah membuat text bold?

Membuat teks tebal.
Gerakkan penunjuk Anda ke toolbar Mini di atas pilihan Anda dan klik. ..
Klik ikon. font dalam grup Font di tab Beranda..
Ketikkan pintasan keyboard: CTRL+B..

Bagaimana cara membuat teks menjadi tebal di CSS?

Untuk tujuan styling semata dengan membuat teks tebal, Anda dianjurkan untuk menggunakan property CSS font-weight . font-weight adalah property CSS untuk menentukan tebal (boldness) dari teks.

Apa itu font

font-weight adalah properti CSS yang dapat mengubah ketebalan sebuah teks.

Apa itu text formatting text pada HTML?

Formatting Text. Seperti pada namanya, Text Formatting adalah pemberian format yang mengkhusus pada text. Elemen format dirancang untuk menampilkan jenis teks khusus. Fungsi dari pemformatan text ini adalah untuk memberikan kesan dan tampilan yang berbeda kepada User.