Contoh Pengunaan Tag-Tag HTML

Contoh Pengunaan Tag-Tag HTML admin | September 13, 2012 | 3 comments - Heading Heading digunakan untuk penulisan huruf besar atau pemberian nama bab. Heading memiliki enam level mulai dari yang terbesar sampai yang terkecil yaitu tag

sampai tag

. Contoh Sebagai berikut :

Ini adalah heading 1

Ini adalah heading 2

Ini adalah heading 3

Ini adalah heading 4

Ini adalah heading 5

Ini adalah heading 6

Posisi heading dapat diletakkan di posisi left (kiri), right (kanan), center (tengah) bahkan justify (rata kiri dan rata kanan) terhadap layar web browser dengan menggunakan atribut ALIGN pada tag heading yang diinginkan. - Paragraf Untuk membuat paragraph dalam web, HTML menyediakan Tag

sebagai tag pembuka dan tag

sebagai tag penutup. Paragraph dapat diletakkan di posisi left (kiri), right (kanan), center (tengah) bahkan justify (rata kiri dan rata kanan) terhadap layar web browser dengan menggunakan atribut ALIGN pada tag

yang diinginkan Berikut ini contoh pembuatan paragraph.

Paragraf ini mengandung spasi dan baris tetapi browser mengabaikannya.

Sedangkan yang ini memiliki           spasi panjang. Jumlah baris dalam setiap paragraf tergantung pada ukuran window browser Anda.

- Line Break Untuk membuat satu baris baru di halaman web maka HTML menyediakan tag
. Berikut ini contoh pembuatan baris baru atau line break:

Ini adalah baris pertama, dan
Ini Baris kedua
Kemudian ini baris ke Tiga

- Horisontal Dan Komentar Tersembunyi Tag

---

digunakan untuk membuat garis horisontal menggunakan sepanjang yang nilai lebar yang diberikan pada tag tersebut. Tag

---

dapat berada di posisi left (kiri), right (kanan), center (tengah) bahkan justify (rata kiri dan rata kanan) terhadap layar web browser dengan menggunakan atribut ALIGN pada tag

---

yang di inginkan. Tag

---

dapat ditentukan tinggi garisnya dengan atribut SIZE dan dapat dihilangkan bayangan garisnya dengan penggunaan atribut NOSHADE. Berikut ini contoh membuat garis horizontal tanpa bayangan, tinggi = 2 dengan lebar separuh atau 50% pada layar web browser.

---

Tag hr dengan properties

---

- Pemformatan Teks Dan Preformat Agar penulisan kode HTML web ditampilkan di web browser seperti dengan format penulisan apa adanya maka digunakan tag

 kemudian ditutup dengan tag 

. Berikut ini contoh penggunaan tag

.

    

        

    

    Teks ini tebal 

    


     Teks ini juga tebal 

    


     Teks ini hurufnya besar 

    


     Teks ini miring 

    


     Teks ini hurufnya kecil 

    


    Teks ini berisi  subscript 

    


    Teks ini berisi  superscript 

    
Tag pre cocok untuk menampilkan kode komputer di bawah ini:

    

    for i = 1 to 10

    print i

    next i

    

    

    

-        List unordered, ordered list, Definition List, Daftar Menu

Unordered List digunakan untuk menandai setiap item dari daftar/list menggunakan bullet berupa tiga simbol yaitu :  Disk (Cakram), Circle (Linkaran), Square (Kotak)

Penulisan unordered list  diawali tag 
 serta diikuti 
 dan ditutup dengan tag 
.

Ordered List digunakan untuk menandai setiap item dari daftar/list menggunakan penomoran.

Ordered List diawali tag 
 serta diikuti tag 
 dan ditutup dengan tag 
 dan tag 
.

Definition List  untuk memberi keterangan pada setiap item dari daftar/list. Definition List diawali tag 
 serta diikuti  tag 
 dan ditutup dengan tag 
 dan tag 
.

Daftar menu digunakan untuk membuat daftar menu dengan menggunakan tag  dengan diikuti tag 

    

    

    
Sebentuk list unordered:

    


    
Kopi

    
Teh

    
Susu

    

    


    
Sebentuk list ordered:

    


    
Kopi

    
Teh

    
Susu

    

    
Sebentuk Definition List :

    


    
Sistem

    
Kumpulan beberapa usnsur dan saling terkait 

    
Informasi

    
Sekumpulan data yang mempunyai makna 

    
Manajemen

    
Proses untuk mencapai tujuan 

    

    

    

Untuk property dari list order dan unorder, silahkan anda kembangkan sendiri.

-       Membuat Link

Agar halaman web dapat mengakses ke halaman satu dengan yang lainnya atau mengakses website yang lain, HTML menyediakan pasangan tag  di sertai atribut HREF dan diakhiri  dan link juga bisa anda tambah dengan title untuk memberikan informasi tentang link yang dibuat, title ini akan muncul saat link disorot. Link bisa anda buat dengan 2 macam, yaitu link text dan link gambar. Berikut contoh penggunaan link :

    

         

    

    
 Link Gambar

    


    Kunjungi Web Gianto

     

    
 Link Text

    


    Atau Klik ini Untuk mengunjungi web gianto

    Klik Gianto

    

    

-        Membuat table

Berikut adalah tag yang dipakai untuk membuat table pada halaman web yang nantinya akan kita buat, table ini biasanya dipakai untuk desain website yang akan kita buat.

    

    

    
Satu baris satu kolom dengan border normal:

    


    
100

    

    
Satu baris dan tiga kolom dengan border tebal:

    


    
100
200
300

    

    
Dua baris dan tiga kolom dengan border sangat tebal:

    


    
100
200
300

    
400
500
600

    

    
Tabel ini tidak memiliki border:

    


    
100
200

    
300
400

    

    

    

-       Tag DIV

Tag 
 mempunyai perbedaan  dengan tag 
 yaitu tag 
 tidak membuat paragraph baru hanya melakukan pergantian baris terhadap kalimat. Tag 
 dapat membuat dokumen berada di posisi  left (kiri), right (kanan), center (tengah) bahkan justify (rata kiri  dan rata kanan) terhadap layar web browser dengan menggunakan atribut ALIGN pada tag 
 yang di inginkan. Dengan ditambahkan atribut CSS tag div ini biasanya  juga digunakan untuk desain layout website yang akan dibuat.

Berikut ini contoh penggunaan tag 
:

    

    

    

    

    

    
Web Programming

    
   Selain HTML dan CSS untuk mahir mendesain web maka harus mempunyai keahlian dalam desain dan kepekaan terhadap kombinasi warna yang akan ditampilkan dalam website yang akan dibangun.

    

    
 Untuk menguasai pemrograman website harus memahami logika dan pemrograman  serta proses logika matematika.

    

    


    Jika ingin mahir memprogram website maka yang diperlukan adalah ketekunan dan pantang menyerah untuk selalu explorasi.   

    


    Tulisan ini akan berada di kanan