WEB PROGRAMMING (HTML DINAMIS) PART 2

Tag / Kode / Perintah dari HTML

        Headings

-          Di definisikan dengan menggunakan tag <h1> sampai <h6>

-          Digunakan untuk memberikan format pada judul suatu dokumen/ halaman web

-          Jangan gunakan headings untuk membuat text menjadi besar atau tebal (gunakan hanya untuk heading)

-          Search engine menggunakan headings untuk mengindeks struktur dan isi dari suatu halaman web

-          Browser secara otomatis akan memberikan line kosong di bawah suatu headings

 

       Hr

-          Tag hr digunakan untuk membuat garis horisontal

-          Attribut width

-          Attibut size

-          Attribut color

1.       <center> dan </center> 

Tag ini mempunyai fungsi untuk membuat suatu objek berada di tengah suatu bidang yang ditentukan. Objek itu dapat berupa teks, image maupun tabel. Suatu objek akan tetap berada di tengah sampai Tag penutup </center> ditemukan.

                Jadi setelah Anda memberi Tag <center> jangan lupa untuk memberikan Tag penutupnya yaitu </center> pada akhir dari objek yang akan diposisikan pada tengah suatu bidang.

    2.     <b> dan </b> 

    Tag ini mempunyai fungsi untuk membuat huruf atau karakter yang ditampilkan menjadi tebal (BOLD).

<b> program HTML</b> pertamaku.
            Program HTML pertamaku

           Pada contoh diatas, kalimat program HTML diapit dengan 

           tag <b> dan </b> , maka  Anda jalankan di browser kalimat 

          tersebut akan tercetak dengan huruContoh penggunaan nya           di dalam program :
        Ini adalah tebal.

3.  <font> dan </font> 

Tag ini berfungsi untuk mengatur tampilan jenis, warna, dan ukuran suatu karakter atau huruf (font).

          Atribut dari Tag <font> ini ada beberapa jenis antara lain :

                a. color : Untuk merubah warna dari huruf atau karakter.

                b. size: Untuk merubah ukuran huruf, besar kecilnya ukuran huruf di deklarasikan dengan angka 1 sampai 6.

                c. face : Untuk merubah jenis dari huruf yang akan kita gunakan seperti Arial, Times New Roman, Verdana dan sebagainya.

  Atribut color :
contoh penggunaan nya di dalam program :

<font color="black">Tulisan ini berwarna hitam</font>
<font color="red">Tulisan ini berwarna merah</font>
<font color="blue">Tulisan ini berwarna biru</font>
<font color="green">Tulisan ini berwarna hijau</font>
<font color="orange">Tulisan ini berwarna orange</font>

Selain dengan nama warna dalam bahasa inggris,  juga dapat menggunakan kode HEXA seperti pada table dibawah ini :

Atribut size :
Contoh penggunaan nya di dalam program :

<font size="1">Huruf ini mempunyai ukuran 1</font>
<font size="2">Huruf ini mempunyai ukuran 2</font>
<font size="3">Huruf ini mempunyai ukuran 3</font>
<font size="4">Huruf ini mempunyai ukuran 4</font>
<font size="5">Huruf ini mempunyai ukuran 5</font>

                Selain dengan angka, mendeklarasikan ukuran huruf juga dapat dengan besarnya PIXEL contoh : <font size="1px"> 

Atribut face :
Contoh penggunaan nya di dalam program :

<font face="arial">Huruf ini type ARIAL</font>

<font face="times new roman">Huruf ini type TIMES NEW ROMAN</font>

<font face="verdana">Huruf ini type VERDANA</font>

<font face="tahoma">Huruf ini type TAHOMA</font>

4.     <p>

                Tag ini mempunyai fungsi untuk membuat sebuah paragraf 

                baru. Didalam sebuah artikel tentunya banyak sekali paragraf-

                paragraf untuk memisahkan pokok pikiran yang terkandung 

               dalam kumpulan kalimat tersebut, untuk memisahkan paragraf

               yang satu dengan yang lainnya, maka Tag <p> ini digunakan.

                Atribut dari Tag <p> ini ada 3 jenis yaitu

                Rata kanan ( align="right" ),

                Rata kiri ( align="left" ),

                rata kanan kiri ( align="justify" ).

                dan rata tengah ( align="center" ).

               Contoh penggunaan nya di dalam program :

  

               5.      _dan

                Tag ini mempunyai fungsi untuk membuat sebuah huruf atau 

                karakter berada sedikit kebawah dari huruf atau karakter yang 

               lain. Misalnya kita ingin menuliskan rumus suatu senyawa 

              kimia, maka tag <sub> ini diperlukan. 

               Contoh penggunaan nya di dalam program :

                 H₂O      tampilan di browser :       H₂O
                 FeCl₃   tampilan di browser :     FeCl₃
                CO₂      tampilan di browser :       CO₂

               6.      ^dan

                Tag ini merupakan kebalikan dari tag <sub>, bila kita ingin 

                membuat suatu huruf atau karakter agak sedikit keatas maka 

               tag <sup> ini diperlukan.

                Misalnya kita ingin menuliskan suatu persamaan matematika 

               maka kita gunakan tag ini untuk membuat suatu karakter atau 

                huruf berada sedikit diatas yang lainnya.
                  Contoh penggunaan nya di dalam program :

                X ² + Y ² + X + Y + 1 = 0      

                  tampilan di browser : X ² + Y ² + X + Y + 1 = 0

                  7.    <i> dan </i>

                Tag <i> ini berfungsi untuk membuat huruf atau karakter  

                menjadi ITALIC (miring).
          Contoh penggunaan nya di dalam program :
                     Menteri Pendidikan Nasional <i>memberikan 

                   santunan</i> untuk anak yatim piatu
         Kalimat diatas bila di jalankan pada browser menjadi seperti 

        berikut ini :

                Menteri Pendidikan Nasional memberikan santunan untuk

               anak yatim piatu

                 8. <DD>

                Perintah/tag <DD> merupakan singkatan dari Definition

               Description adalah perintah untuk membuat teks atau 

               paragraph agak masuk kedalam.

                contoh :

                <p align=“justify”>

            <DD>

                banyak yang bingung apa perbedaan Java dan JavaScript, Java adalah bahasa pemrograman yang lebih komplek dibandingkan JavaScript.

                hasilnya :

                                banyak yang bingung apa perbedaan Java dan JavaScript, Java adalah bahasa pemrograman yang lebih komplek dibandingkan JavaScript.

               9.      <!-

                adalah perintah untuk membuat KOMENTAR. Semua teks 

               atau perintah yang diapit oleh perintah ini tidak akan 

               dijalankan. Ini hanya komentar untuk program.

                contoh :

                <!- Ini adalah contoh komentar ->

                                 "SELAMAT BELAJAR"

Posted in: Study