Skip to main content

Belajar HTML Dasar #4 - Format Text Pada HTML

 
Belajar HTML Dasar #3 - Format Text Pada HTML

Format Text Pada HTML

Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman website sendiri. Berikut beberapa penjelasan dan contoh dari Format Text Pada HTML. Ada beberapa format text yang umumnya di gunakan, di antaranya adalah

Membuat Huruf Tebal (Bolt)

Untuk membuat teks menjadi tebal di tampilan sebuah website, kita bisa menggunakan tag <b> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi tebal :

<b>ini text tebal</b>

Membuat Huruf Menjadi Miring (italic)

Untuk membuat teks menjadi miring/italic di tampilan sebuah website, kita bisa menggunakan tag <i> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi miring/italic :

<u>ini text underline</u>

Format Text yang sering digunakan di HTML

tag Description
<b> format text bold/tebal
<i> format text italic/miring
<u> format text underline/garis bawah
<small> format text kecil
<strong> format text yang hampir sama dengan format bold
<sub> format subscripted teks
<sup> format superscripted teks
<ins> format text garis bawah
<del> format text dengan garis di tengah
<mark> format text yang berwarna


Dibawah ini adalah contoh penulisan tag/element format text yang sudah kita pelajari tadi di atas :

<!DOCTYPE html>
<html>
<head>
    <title>belajar format format text</title>
</head>
<body>
    <b>ini format format text tebal</b><br/>
    <i>ini format text italic</i><br/>
    <u>ini format text underline</u><br/>
    <em>ini format text em</em><br/>
    <small>ini format text small</small><br/>
    <strong>ini format text strong</strong><br/>
    <sub>ini format text sub</sub><br/>
    <sup>ini format text sup</sup><br/>
    <ins>ini format text ins</ins><br/>
    <del>ini format text del</del><br/>
    <mark>ini format text mark</mark>
</body>
</html>


Hasil Outputnya :

Belajar HTML Dasar #3 - Format Text Pada HTML

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai Format teks pada HTML, untuk selanjutnya kita akan belajar mengenai membuat paragraf pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML




Comments

Artikel Populer

Cara Mendaftar Hosting Gratis di InfinityFree

Nah, pada kesempatan kali ini saya akan mengajari cara mendaftar Hosting Gratis di InfinityFree. Tapi sebelumnya saya akan menjelaskan terlebih dahulu secara singkat apa itu InfinityFree. InfinityFree adalah sebuah website hosting yang memberikan Unlimited Disk Space dan Unlimited Bandwidth.  Infinityfree.net  adalah sebuah layanan hosting yang disponsori oleh iFastNet yang memiliki dua layanan yaitu berbayar (Premium) dan Gratis (free). InfinityFree juga menyediakan berbagai layanan fitur-fitur untuk layanan hosting gratis, yaitu : Hosting gratis dan cepat 99,9% Up Time Hosting tanpa batas Hosting sepenuhnya gratis Tidak ada iklan paksaan Host domain apa saja Fitur Web Hosting Infinity Free: Unlimited Disk Space Unlimited Bandwidth 10 Email Accounts 400 MySQL Databases PHP 5.4, 5.5, 5.6, 7.0 MySQL 5.6 Apache 2.4 with .htaccess Linux 3.2 Free Subdomain Name Free SSL on all websites Free Cloudflare CDN Free DNS Service Nah, setelah mengetahui sedikit mengenai apa itu IfinityFre...

Cara Instal Windows 7 lengkap dengan Gambarnya

Assalammualaikum wr.wb Pada kesempatan kali ini kita akan belajar tentang bagaimana cara install ulang windows7. Tapi sebelum itu, Apa sih itu Install Ulang?. Nah, jadi Install ulang windows itu merupakan sebuah usaha untuk memasukan kembali file-file windows kedalam sebuah part/drive tertentu pada sebuah hardisk, sehingga komputer bisa berjalan normal. Instal ulang bisa di lakukan jika laptop/komputer kita mengalami gannguan seperti komputer lelet, dll. Okee tanpa berlama-lama lagi, kita langsung saja ke tutorialnuya Proses Installasi Persiapan alat dan bahan PC/Laptop Flasdisk berisi program windows 7 Proses Installasi Masukan bios dengan menekan tombol F2 atau yang lainnya disetiap komputer/laptop berbeda-beda silahkan coba-coba saja. Setelah itu lalu setting bios untuk booting lewat CD ROOM pada boot device priority Masukan CD/DVD windows 7 dan tunggu sampai muncul press any key to boot from cd or dvd kemudian tekan enter Kemudian akan muncul tampilan starting windows   Tunggu ...

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >  ...

HTML dan CSS - Pengertian, Sejarah, Fungsi, dan Jenis CSS

CSS merupakan kepanjangaan dari   Cascading Style Sheets  dimana css adalah salah satu bahasa pemprogaman yang digunakan oleh seorang programer untuk membuat sebuah website.  CSS digunakan oleh programer untuk mendesain halaman depan atau tampilan dari suatu website agar lebih memiliki variasi Mengapa harus CSS? Karena di CSS ada banyak hal yang dapat kita lakukan dibandingkan dengan bahasa pemrograman inti lainnya seperti HTML dan PHP. Ketika kita menggunakan CSS, kita dapat mengatur warna teks, jenis font, baris antar paragraf, ukuran kolom, dan jenis  background  yang dipakai sesuai kemauna diri kita sendiri. Tidak hanya itu, di CSS kita juga bisa untuk mendesain sebuah  layout , variasi tampilan di berbagai perangkat yang berbeda ( respondsive ), dan masih banyak yang lainnya. Makannya t idak heran jika psada saat ini CSS hampir dipakai di berbagai website untuk dikombinasikan dengan HTML maupun PHP. Apa itu CSS ? CSS sendiri merupakan singkatan dari...