Hasan Shol | BLC TELKOM KLATEN

HasanOnta adalah blog sederhana yang dibuat saat penulis melakukan prakerin di BLC TELKOM KLATEN. berisi tentang segala pengetahuan tentang IT khususnya hal tentang Rekayasa Perangkat Lunak

About us

LightBlog
Responsive Ads Here

Selasa, 28 Februari 2017

BELAJAR HTML Chapter 5 : Format Text Pada HTML





HASANONTA - Dalam penulisan apapun, kita tidak bisa lepas dari yang bernama Format Text. Berikut ini akan saya jelaskan beberapa Format Text dalam HTML :



  • BOLD
                           Bold adalah tulisan yang dibuat efek tebal, dalam HTML untuk membuat text menjadi tebal, bisa menggunakan tag <b>. Contoh :

<p><b>This is Bold Text</b></p>

\output dari kode diatas adalah : 


  • italic
                          italic adalah format text yang membuat text menjadi miring, dalam HTML italic bisa digunakan dengan menambahkan tag <i> . Contoh  :

<i>ini text miring</i>

output dari kode diatas adalah : 




  • UNDERLINE
                      Underline brfungsi untuk memberi efek garis dibawah text, dalam HTML underline bisa digunakan dengan menambahkan tag <u> Contoh : 

<u>This is text underline</u>

Output dari kode diatas adalah :

                          


Berikut ini adalah tag dari 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 format text di yang sudah di jelaskan di atas :


<!DOCTYPE html>

<html>

<head>

              <title>Format Text pada HTML HASANONTA</title>

</head>

<body>

              <b> Hasan Onta Bold ver</b><br>

              <i>HAsan Onta italic ver</i><br>

              <u>Hasan Onta underline ver</u><br>

              <em>Hasan Onta emphize ver</em><br>

              <small>Hasan Onta Small ver</small><br>

              <strong>Hasan Onta Strong ver</strong><br>

              <sub>Hasan ONta sub ver</sub><br>

              <ins>Hasan Onta ins ver</ins><br>

              <del>Hasan Onta del ver</del><br>

<mark>Hasan Onta Mark ver</mark><br>

</body>

</html>


output dari kode diatas adalah :








referensi : www.malasngoding.com

Tidak ada komentar:

Posting Komentar