Membuat Format Text (tulisan tebal, miring, bergaris bawah, dan lainnya) dengan HTML

 


Assalamu'alaikum teman-teman KWP semua

Salam sejahtera bagi kita semua, Semoga kita tetap dalam lindungan tuhan yang maha esa..🙏

Oke teman-teman, diartikel kali ini saya ingin membahas tentang cara membuat Pemformatan Text. Apasih pemformatan text itu? yang harus kalian tau Pemformatan Text itu adalah penulisan sebuah tulisan untuk menandai sesuatu, seperti memberikan garis bawah pada tulisan, membuat tulisan tersebut menjadi tebal, membuat tulisan tersebut menjadi miring untuk membuat pembaca menjadi fokus pada tulisan tersebut sehingga mudah dipahami oleh pembaca. Saya kasih contoh aja nih sebagai pengibaratan aja yang sering saya lakukan ketika menulis artikel di blog supaya para pembaca menjadi paham dengan apa yang saya tulis saya selalu menandai tulisan yang penting itu dengan format text yang tebal atau dengan menebalkan text agar pembaca mengetahui dan fokus pada arti tulisan yang saya tebalkan, kalau mau dibilang sih sebagai pemberi tanda agar pembaca mengetahui tujuan bacaan tersebut.


Dari pada kita banyak berbicara lebih baik kita langsung aja ngoding.

Oke siapkan aja dulu bahan-bahannya Klik disini untuk melihat bahan-bahan yang diperlukan.

Kalau udah punya bahan-bahannya langsung aja kita ngodingnya.

  1. Start Apache pada XAMPP dan buka sublime text kalian 
  2. Buat folder baru didalam folder html yang berada di folder htdocs kalian dengan nama format_text. Jika kurang jelas bisa lihat caranya disini.
  3. Buat file dengan nama format.html pada folder format_text disublime text kalian.
  4. Kalau sudah membuat filenya kita tinggal ngoding aja. Ketikkan code HTML dibawah ini. pada sublime text kalian
<html>
<head>
<title>Belajar Membuat format text</title>
</head>
<body>
<h1>Belajar membuat format text</h1>
<b>Menebalkan huruf (bold)</b><br>
<strong>Menebalkan huruf (strong)</strong><br>
<i>Huruf menjadi miring (italic)</i><br>
<em>Huruf menjadi miring (emphasize)</em><br>
<u>Tulisan bergaris bawah (underline)</u><br>
<big>Huruf menjadi besar (big)</big><br>
<small>Huruf menjadi kecil (small)</small><br>
<mark>Memberi tanda Kuning (mark)</mark><br>
2<sup>2</sup><br>
2<sub>2</sub><br>
</body>
</html>

Penjelasan: tag <sup> adalah superscript yang berarti membuat tulisan berpangkat ke atas, dan tag <sub> adalah subscript yang berarti membuat tulisan berpangkat kebawah.
Untuk lebih jelasnya bisa lihat hasilnya dibawah dengan mengetik di browser localhost/html/format_text/format.html, maka hasilnya seperti dibawah ini.






Nah, kalau hasilnya sudah seperti itu berarti sudah berhasil yah pembuatan format text menggunakan HTMLnya.


Oke, mungkin sekian aja artikel tentang Membuat format text menggunakan HTML. Mudah-mudahan bermanfaat bagi kalian yang sedang belajar membuat website dari dasar ini.


Silahkan tinggalkan komentar anda dibawah ini jika kalian kurang paham dengan artikel ini. Karena dari komentar kalian saya bisa sambil mempelajari dari kekurangan artikel yang saya buat.

Terimakasih semuanya😊🙏


Lokasi: Kota Samarinda, Kalimantan Timur, Indonesia

Komentar

Posting Komentar

Postingan Terpopuler

Cara ngoding HTML di Android

Gambar
  Assalamu'alaikum teman-teman, salam sejahtera bagi kita semua. Banyak diantara kita bertanya-tanya, apakah bisa kita ngoding di android? Jawabannya pasti bisa, karena sudah banyak aplikasi legal yang tersebar di app store atau playstore di Android kalian. Karena saya bukan user atau pengguna android untuk ngoding jadi saya full ngoding di komputer atau laptop saja. Sebenernya ngoding diandroid bisa juga sih, cuman ram android saya 2GB dan sekarang sudah kepenuhan jadi saya tidak bisa pakai android untuk ngoding, karena banyak file penting di handphone saya, hehehehehe... Mungkin saya hanya share pengalaman saya aja nih, karena waktu itu saya juga pernah menjadi programmer yang menggunakan android ya, meskipun cuman ngoding HTML aja sih, apa salahnya jika saya ingin berbagi ilmu buat kalian yang mau ngoding HTML di android.  Yang pernah saya coding di android itu bukan HTML aja sih, CSS dan JavaScript pernah, karena HTML, CSS, JavaScript itu tidak perlu banyak bahan, hanya pe...
Baca selengkapnya

Tulisan berjalan dan menampilkan video dari youtube ke website menggunakan HTML

Gambar
 Assalamu'alaikum sahabat KWP semua🙏😊, Salam sejahtera bagi kita semua, Semoga kita tetap dalam lindungan Tuhan Yang Maha Esa. Driartikel kali ini saya ingin memberikan kalian sebuah materi yaitu tentang Tulisan berjalan dan cara menampilkan video dari youtube ke website milik kita menggunakan HTML. Pastinya kalian pernah melihat tulisan-tulisan berjalan pada sebuah website yah dan juga ada video dari youtube yang ditampilkan pada sebuah website. Untuk tulisan berjalan pada website biasanya para Programmer menyebutnya Marquee , Karena tulisan yang berjalan itu pastinya menggunakan tag Marquee untuk membuat tulisan tersebut berjalan.  Pertama kita akan membuat tulisan yang berjalan dari kanan ke kiri atau Marquee Default . Silahkan ketikkan Code HTML dibawah ini pada Text Editor kalian  <html> <head> <title>Marquee</title> </head> <body> <h1>Marquee</h1> <p> <marquee>Tulisan Ini Berjalan</marquee> </p...
Baca selengkapnya

Perkenalan

Gambar
  Assalamu'alaikum Warahmatullahi Wabarokatuh Perkenalkan nama saya Muhammad Ibnu Zein. Dinisi saya sebagai pendiri Forum Koding Web Programming. Dimana forum tersebut adalah tempat untuk mempelajari tentang Web Developing dari awal. Di postingan pertama saya diblog ini saya hanya memperkenalkan saya dan yang akan dibahas di blog ini saja. Diblog ini saya akan menyampaikan berbagai macam materi tentang dunia Web Developing yang terpenting adalah Start up pertama kali kita mulai belajar tentang Web Developing.  Ada pun materi terpenting yang akan saya bahas di blog ini adalah: 1. HTML Dasar 2. CSS Dasar 3. Praktek Pembuatan Website berbasis HTML & CSS 4. PHP Dasar 5. JavaScript Dasar 6. Mysql Database 7. Tambahan info materi tentang Web Developing.
Baca selengkapnya