Senin, 09 September 2013

Tutorial Menggunakan Tag-Tag Yang Ada Di HTML


Tutorial ini berisi tentang macam-macam dan  cara menggunakan tag yang tersedia di HTML.

1.       Tag Break row
Merupakan tag  yang digunakan untuk membuat baris baru atau enter pada ms.word.

Berikut adalah contoh penggunaan tag break row :

 Hasilnya :

2.       Tag Paragraf
Merupakan tag yang digunakan untuk membuat text menjadi seperti  paragaraf atau menggunakan tag break row sebanyak 2  kali.

Berikut ini adalah contoh penggunaan tag paragraph :

 Hasilnya :


3.       Tag center
Merupakan tag yang berfungsi untuk membuat teksatau sebuah paragraph  menjadi rata tengah.

Untuk lebih jelas lagi coba lihat contoh dibawah ini :

 Hasilnya :
 

4.       Tag heading
Tag ini biasanya digunakan sebagai judul dari dokumen HTML  yang diketik.Tag ini terdiri dari 6 ukuran dengan ukuran  1 sebagai nomor terbesar dan 6 sebagai ukuran terkecil.

Berikut adalah contoh penggunaan tag heading :

Hasilnya :

5.       Tag horizontal row
Digunakan untuk membuat garis horizontal pada dokumen HTML .

Untuk lebih jelas lagi coba lihat contoh dibawah ini :

Hasilnya :

6.       Tag divisi
Digunakan untuk mengelompokan sejumlah baris teks yang memiliki tipe sama atau sama dengan fungsi tag paragraf.
Berikut adalah contoh penggunaan tag divisi :

Hasilnya :

7.       Ini adalah contoh penggunaan beberapa tag HTML  sekaligus didalam sebuah dokumen HTML.

 

Hasilnya :

8.       Pengaturan teks
Pada HTML terdapat berbagai tag yang dapat digunakan untuk mengatur bentuk teks.Bentuk teks terbagi menjadi 2, yaitu :

a.teks fisik
berikut adalah tag-tag yang dapat digunakan untuk mengatur teks secara fisik :
ini adalah contoh penggunaan tag-tag teks fisik.



Hasilnya :

b.teks logis
berikut ini adalah tag-tag yang dapat digunakan untuk mengatur teks secara logis :
penerapan tag-tag pada table dapat dilihat pada gambar berikut.


Hasilnya :


9.       Tag pre
Tag ini digunakan untuk menampilkan keadaan teks yang  telah kita format d iweb broser.
Untuk lebih rincih lagi coba lihat gambar dibawah ini :
 

Hasilnya :


10.   Tag blockquote
Tag ini membuat membuat paragraph dapat menyesuaikan kalimat dengan ruang selain itu tag ini juga membuat awal paragraph sedikit menjorok ke dalam (kanan).

Berikut adalah contoh penggunaan tag blocqoute :
 

Hasilnya :

11.   Tag acronym
Tag ini digunakan untuk member penjelasan pada kata yang disingkat.

Untuk lebih jelas lagi silahkan lihat gambar dibawah ini :
 

Hasilnya :

12.   Tag font
Digunakan untuk mengatur jenis, ukuran dan warna pada kata.

Perhatikan gambar dibawah agar dapat mengetahui lebih jelas mengenai tag ini :

 

Hasilnya :

Selain menggunakan tag diatas kita juga dapat menggunakan tag bg color agar dapat mengubah warna background dan text.
Agar lebih jelas coba lihat gambar dibawah ini :

 Hasilnya :


13.   Tag basefont
Tag ini digunakan untuk menentukan default  font untuk seluruh halaman.

Berikut adalah contoh penggunaan tag basefont :
 

Hasilnya :

14.   Penggunaan karakter special (entity)
Merupakan  simbol-simbol  yang  dimunculkan dengan menggunakan kode-kode tertentu .
Berikut adalah contoh karakter special pada HTML.

Ini adalah gambar contoh penggunaan karakter special pada HTML :

Hasilnya :

 15.   Ini adalah contoh penggabungan  beberapa tag di HTML :


Hasilnya :


16.   Tag bullet
Digunakan untuk memunculkan bullet (daftar list) pada dokumen  HTML.

Berikut adalah cotoh penggunaan tag bullet :

Hasilnya :

Ini adalah contoh ke-2 :

Hasilnya :


17.   Tag numbering
Digunakan untuk memunculkan nomor secara otomatis tanpa harus menulisnya.

Agar lebih jelas coba lihat gambar dibawah ini :





Hasilnya :
 


18.   Tag definisi
Tag yang menyediakan format seperti kamus dengan definisi suatu istilah diletakkan agak menjorok kekanan.

Untuk lebih jelas coba lihat gambar dibawah ini :

Hasilnya :


19.   Berikut ini adalah contoh penggunaan tag bullet dan  numbering.

 

Hasilnya :



Hasilnya :




Selain tag-tag diatas juga terdapat beberpa tag yang tersedia di HTML :
1.       Tag button
Digunakan untuk membuat  tombol yang dapat di klik menggunkan  kursor.


Hasilnya :



2.       Tag table
Digunakan untuk membuat table pada dokumen.

Hasilnya :

3.       Tag capation
Digunakan untuk membuat judul pada table di dokumen.

 Hasilnya :

Tidak ada komentar:

Posting Komentar