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.
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 ?
Apa Bedanya ?Mau tebalkan huruf hanya dengan CSS ? Klik disini, bandingkan mana yang lebih mudah digunakan.
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 – HTMLMisalnya ada tulisan dalam tag
dan ingin ditebalkan semuanya, maka cukup memberikan tag atau setelah tag dan sebelum penutup 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 : 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 : Hasilnya setelah ditampilkan di browser :A. Tag dan tag
Penggunaan Format Tulisan Cetak Tebal
Kekinian adalah sebuah website yang terdiri atas berbagai artikel seputar
IT.
Disini saya membuat Kekinian dengan tag karena dianggap sebagai kata kunci dan sebagai kata yang perlu dibedakan dari yang lainnya. Sedangkan “kumpulan karangan menarik” dibuat dengan tag karena dianggap sebagai text yang penting dan dan dijadikan kata kunci/ keyword di search engine.
Pada CSS, umumnya browser menampilkan elemen dan dengan nilai tetap yaitu
font-weight : bold.
B. Tag dan tag
Sama halnya dengan tag dan tag , sejak kemunculan HTML5, tag diakui kembali tetapi sebagai tanda bahwa teks tersebut berbeda dengan yang lain seperti untuk menulis judul buku, penerbit, kata adaptasi, dan sebagainya.
Sedangkan tag memiliki arti stress emphasis yaitu dinyatakan sebagai teks yang perlu mendapatkan penekanan atau perhatian khusus. Penggunaan tag sangat penting sebagai kata kunci di Search Engine.
Berikut contoh kode penggunaan tag dan tag :
Bentuk Teks Cetak Miring di HTML
Indonesia Bersatu adalah judul buku yang mengajarkan kepada kita arti
nasionalisme
Hasilnya setelah ditampilkan di browser :
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: