Selasa, 01 November 2016

Belajar HTML Part 4 : Format Text Pada HTML

  Tidak ada komentar

SCRIPT KIDDIES - Dalam penulisan Judul pada web maupun isinya pasti menggunakan sebuah format text dan pada tutor kali ini SCRIPT KIDDIES akan menerangkan Format Text Pada HTML

BELAJAR FORMAT TEXT PADA HTML
  1. Membuat text bold ( tebal ). Untuk membuat text tebal diperlukan tag <b> berikut Syntax HTML untuk membuat format text tebal
    <b> ini text tebal </b>
  2. Membuat text italic ( miring ). Untuk membuat text cetak miring diperlukan tag <i> Berikut Syntax HTML untuk membuat format text cetak miring
    <i> Ini text cetak miring </i>
  3. Membuat text underline ( garis bawah ). Untuk memberi garis bawah pada text diperlukan tag <u> Berikut Syntax HTML untuk memberi garis bawah pada text
    <u> Memberi garis bawah pada text </u>
Berikut format text yang sering digunakan dalam HTML
TagKeterangan
<b> Mendefinisikan format text bold/tebal
<i> Mendefinisikan format text italic/miring
<u> Mendefinisikan format text underline/garis bawah
<small> Mendefinisikan format text kecil
<strong> Mendefinisikan format text yang hampir sama dengan format bold
<sub> Mendefinisikan format subscripted teks
<sup> Mendefinisikan format superscripted teks
<ins> Mendefinisikan format text garis bawah
<del> Mendefinisikan format text dengan garis di tengah
<mark> Mendefinisikan ormat text yang berwarna
Berikut contoh penulisan tag/element format text di yang sudah di pelajari di atas :
<!DOCTYPE html>
<html>
<head>
 <title>Belajar HTML Part 4 : Format Text Pada HTML</title>
</head>
<body>
 <h1>Format Text HTML | SCRIPT KIDDIES</h1><br><br>
        <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>
Inilah Hasilnya Ketika Kita Run Pada Web Browser

Jatdi banyak format text HTML yang dapat kita gunakan untuk mempercantik tampilan website kita. Oke sekian tutor Belajar HTML Part 4 : Format Text , jika ada pertanyaan silahkan berikan komentar, Sekian Terima Kasih 

Kunjungi Juga : Tampan Squad
Referensi : Malas Ngoding

TUTORIAL HTML DASAR LAINYA
Belajar HTML : Mengenal Text Editor
Belajar HTML Part 1 : Mengenal HTML
Belajar HTML Part 2 : Mengenal Tag, Element, Atribut & Struktur Dasar HTML
Belajar HTML Part 3 : Mengenal Heading Pada HTML
Belajar HTML Part 4 : Format Text Pada HTML
Belajar HTML Part 5 : Membuat Paragraf Pada HTML
Belajar HTML Part 6 : Membuat Tabel Pada HTML
Belajar HTML Part 7 : Membuat Hyperlink Pada HTML
Belajar HTML Part 8 : Membuat List Pada HTML
Belajar HTML Part 9 : Membuat Format Code dan Pre Pada HTML
Belajar HTML Part 10 : Membuat Form Pada HTML 
Belajar HTML Part 11 : Mengenal Atribut Form Pada HTML

Tidak ada komentar :

Posting Komentar