Belajar HTML Dasar #4 - 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...

Tutorial Membuat HTML Sederhana

Apa itu HTML HTML merupakan sebuah kepanjangan dari Hyper Text Markup Language. HTML juga dapat diartikan sebagai suatu file teks sederhana yang mengandung perintah-perintah berupa TAG sehingga sebuah web browser dapat menampilkan suatu halaman dengan display tertentu. Nah disini saya akan mencontohkan tutorial tentang cara untuk membuat sebuah html sederhana untuk pemua sebagai bahan belajar bersama sama. Cara Membuat html Sederhana 1. pertama kalian buka dulu teks editor kalian seperti Sublime Teks, Visual Studio Code, dll. tapi disini saya menggunakan Visual Studio Code. 2. setelah itu langsung buat File baru 3. Kemudian Pilin Plant Teks ==> Pilih HTML 4. Lalu ketikan html seperti gambar di bawah ini untuk menampilkan sebuah tulisan Hello Word ! di browser. <! DOCTYPE html > < html > < head > < title >Langkah Awal</ title > < head > < body > ...

Cara Instal Visual Studio 2010 Ultimate

Pada kesempatan kali ini, saya akan memberikan sebuah tutorial tentang bagaimana cara menginstal aplikasi microsoft visual studio 2010 Ultimate. Jika belum punya file microsoft visial studio 2010 ultimatenya, silahkan download dulu file visual studio 2010 ultimatenya Dibawah ini. Tapi sebelum melanjutkan cara menginstalnya, pertama-tama saya akan menjelahkan sedikit menginai apa itu visual studio 2010 Ultimate. Download Visual Studio 2010 Ultimate Disini Visual Studio 2010 pada dasarnya merupakan sebuah bahasa pemrograman komputer. Dimana pengertian dari bahasa pemrograman itu adalah perintah-perintah atau instruksi yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. Visual Studio 2010 (yang sering juga disebut dengan VB .Net 2010) selain disebut dengan bahasa pemrograman, juga sering disebut sebagai sarana (tool) untuk menghasilkan program-progam aplikasi berbasiskan windows. Beberapa kemampuan atau manfaat dari Visual Studio 2010 diantaranya seperti : Untu...

Apa itu jQuery Selectors

Assallammualaikum wr.wb Setelah kemarin kita mengenal mengenai apa itu jQuery dan sintaknya. Nah sekarang kita akan membahas mengenai jQuery selector. Apa itu sebenarnya jQuery Selector? apakah ada yang sudah tau? kalo belum tau, mari kita bahas di pembahasan kali ini. Apa itu jQuery Selector? Selector dapat memungkinkan kita untuk memanipulasi sebuah elemen HTML sebagai kelompok atau sebagai elemen tunggal. Pada kesempatan sebelumnya, kita sudah memlihat contoh cara memilih elemen HTML menggunakan jQuery. jQuery element selectors dan attribute selectors memungkinkan anda untuk memilih elemen HTML (atau kelompok elemen) dengan nama tag, nama atribute atau konten. Selectors memungkinkan kita untuk memanipulasi element HTML sebagai kelompok atau sebagai elemen tunggal. jQuery Element Selectors $ ( "p" ) : Memilih semua elemen <p> $ ( "p.intro" ) : memilih semua elemen <p> yang mempunyai class="intro" $ ( "p#demo" ) : memilih elemen ...

anaKampus

Search This Blog