Saturday, 9 January 2016

Belajar Dasar HTML (Format Teks Superscript dan Subscript)



Membuat Format Teks superscript dan Subscript

      Setelah kita belajar cara Mengkombinasikan Format Teks, Selanjutnya kita akan belajar tentang Format Teks Superscript dan Subscript.


Membuat Format Teks superscript
      Format superscript  adalah format teks yang diperkecil ukuran hurufnya dan posisi nya di naikkan ke atas, seperti pada angka yang di gunakan untuk perpangkatan. Sebagai contoh, 102 . Teks tersebut adalah sepuluh kuadrat atau sepuluh pangkat 2. Angka 2 pada teks tersebut adalah teks dengan format superscript.

       Untuk keperluan Seperti ini, HTML menyediakan Tag <sup> dan diakhiri dengan Tag </sup>. Setiap teks atau huruf yang diapit oleh Tag – Tag  tersebut akan memiliki format Superscript. Berikut ini adalah contoh kode yang menunjukkan hal tersebut .

1.       Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya)

2.       Disini saya menggunakan Notepad ++

3.       Ketikkan atau salinlah kode di bawah ini



<html>

<head>

<title> Teks Superscipt </title>

<head>

<body>



<h3>Contoh Penggunaan Teks Superscript </h3>

  

    3 <sup> 2 </sup> = 9 <br/>

    4 <sup> 3 </sup> = 64 <br/>

    5 <sup> 4 </sup> = 625 <br/>

  

</body>

</html>




4.       Lalu simpalah dengan nama superscript.html

5.       Lalu bukalah dengan aplikasi browser kalian


Format Teks Superscript
Contoh penggunaan format Teks Superscript


Membuat Format Subscript

Format subscript merupakan kebalikan dari format superscript. Dalam format teks ini, teks akan ditempatkan pada posisi di bawah. Teks dengan format seperti ini pada umumnya kita jumpai pada saat membuat rumus kimia dari suatu molekul atau senyawa tertentu, misalnya H2O, CO2, H2SO4 , CH4. Dalam HTML, format subscript di buat dengan menggunakan Tag <sub> dan di akhiri oleh Tag </sub>. Berikut ini contoh kode yang akan menunjukkan cara kerja dari Tag tersebut .
1.       Bukalah text Editor kalian (Notepad, Notepad ++ atau lainnya)
2.       Disini saya menggunakan Notepad ++
3.       Ketikkan atau salinlah kode di bawah ini
<html>
<head>
        <title> Teks Subscript</title>
<head>
<body>

        <h3>Contoh Penggunaan Teks Subscript </h3>
   
Molekul Asam Sulfat Rumus Kimianya adalah H <sub>2</sub> SO <sub> 4</sub> <br />Molekul Metana Rumus Kimianya adalah CH <sub> 4 </sub>
   

</body>

</html>

    4. Lalu simpalah dengan nama subscript.html 
    5. Lalu bukalah dengan aplikasi browser kalian
Format Teks Subscript
Contoh Format Teks Subscript
Silahkan gabung di FP kami, agar mengetahui update terbaru dari kami --->> Harbert Share
 

Lorem ipsum is simply dummy text of the printing and typesetting industry.


EmoticonEmoticon