17 Maret 2012

Fungsi tag dan atribut dalam HTML


HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs.Dalam belajr HTML anda bisa belajar membuatnya di dreamweaver atau di notepad.

1. = pertama kali anda menuliskan script pada dreamweaver atau notepad anda menuliskan itu wajib karna sebagai pembuka dalam menulis script – script yang lain.

ingat : setiap tag harus di tutup dengan slais  “/”  ex: …. ; … ;dll

2.…. & ….= pada bagian ini adalah judul dari web/html anda
contoh :

home page saya

3. = berfungsi sebagai isi untuk menuliskan script – script yang mana nantinya sebagai halaman web anda
dalam tag body bisa kita sisipkan atribut background yang berguna sebagai background halaman web,contoh :
  • atau =  memberi warna pada halaman web anda
  • = memberi background gambar pada halaman web anda,jika anda ingin gambar anda terlihat dan tidak terjadi kesalahan buatlah semua pekerjaan anda dalam 1 folder :o
4. = Membuat hyperlink/link
contoh :
  • Home = jika anda klik home anda akan menuju halaman google
  • Home = jika anda klik anda akan menuju halaman pada latihanlain.html
5. = memasukan gambar pada halaman web anda
contoh :
  • = perhatikan extensi pada image nya jika berextensi .gif jadi dian.gif tetapi jika jpeg jadi dian.jpg
  • = untuk width dan height ini untuk mengatur ukuran gambar
6. … = membuat tulisan pada halaman web
contoh atributnya :
dianluffi.wordpress.com
  • atribut size = ukuran tulisan
  • atribut color = warna pada tulisan
  • atribut face = jenis untuk tulisannya
  • lalu tutup dengan “”
Atribut untuk font color

 

7. = tulisan berjalan atau bergerak pada halaman web anda
contoh atribut dalam marquee :

DIRECTION = Atribut ini digunakan untuk menentukan arah gerak dari tampilan apakah ingin ke kiri, kanan, atas, atau bawah
  • dianluffi.wordpress.com = tulisan berjalan dari kiri ke kanan
  • dianluffi.wordpress.com = tulisan berjalan dari kanan ke kiri
  • dianluffi.wordpress.com = tulisan berjalan ke atas
  • dianluffi.wordpress.com = tulisan berjalan ke bawah
BEHAVIOR = Atribut ini digunakan untuk menentukan bagaimana tampilan bergerak, jika sebelumnya yang ditentukan adalah arahnya maka pada atribut BEHAVIOUR yang ditentukan adalah perilaku geraknya
  • dianluffi.wordpress.com = tulisan dengan penentuan BEHAVIOR = SCROLL maka tampilan akan bergerak sesuai arah yang ditentukan dan akan kembali mengulangi gerakan dari titik awal gerakan
  •  dianluffi.wordpress.com  = tulisan dengan penentuan BEHAVIOR = SLIDE maka tampilan akan bergerak sesuai arah yang ditentukan lalu kemudian berhenti di titik akhir tanpa mengulangi gerakan sebelumnya
  •  dianluffi.wordpress.com  = tulisan dengan penentuan BEHAVIOR = ALTERNATE maka tampilan akan bergerak bolak-balik
SCROLL DELAY = Atribut ini digunakan untuk menentukan jeda waktu antara tiap gerakan dari tampilan.,nilai yang di isi untuk atribut ini adalah berupa angka dalam mili detik
  • dianluffi.wordpress.com = Delay 500 mili detik
  •  dianluffi.wordpress.com   = Delay 1000 mili detik
BGCOLOR = Atribut BGCOLOR pada tag MARQUEE akan menghasilkan jalur gerakan memiliki warna,prinsip kerja atribut ini sama dengan atribut BGCOLOR pada tag TABLE yaitu memberikan warna latar
  • dianluffi.wordpress.com  = tag ini bergerak dengan memberikan warna pada dianluffi.wordpress.com
HSPACE = Atribut ini berguna untuk memberikan jarak antara tampilan bergerak dengan tulisan yang ada disamping kanan dan kiri tulisan
  • Selamat datang dianluffi.wordpress.com
    one piece thank you :)
VSPACE = Atribut ini berguna untuk memberikan jarak antara tampilan bergerak dengan tulisan yang ada diatas dan dibawah tulisan
  • Selamat datang
    dianluffi.wordpress.com
    one piece
    thank you :)
8. = membuat tulisan menjadi besar

9. = membuat tulisan menjadi kecil

10. = membuat tulisan bercetak tebal / bold

11. = membuat tulisan bercetak miring / italic

12. …  =membuat tulisan bergaris bawah / underlined

13.Judul paragraf ——>n = 1,2,3,4,5,6 (tingkat judul) = Untuk menuliskan judul suatu paragraf atau lebih dikenal sebagai heading
contoh :

dianluffi.wordpress.com



 

4.

= membuat paragraf
contoh :

 

15.
= tag untuk mengganti baris ,tag ini tidak perlu di tutup
contoh :

 

16. … = tag untuk membuat baris pada table

17. … = tag untuk membuat kolom/cell pada table
contoh penggunaan td dan tr :

 

18.

= untuk mebuat table

Pada tag table terdapat beberapa atribut yaitu :

= merupakan perintah utama dalam pembuatan tabel,pada script ini yang dimaksud dengan border itu adalah ketebalan untuk table nya yaitu table dengan ketebalan 1px,jika anda ganti 1 itu dengan 2 maka garis bordernya juga semakin tebal


  • align=”…” untuk mengatur tabel rata tengah, kanan, atau kiri
  • width=”…” untuk mengatur lebar tabel,bisa di isi dengan satuan pixel atau persen.
    Contoh:
    atau
  • height=”…” untuk mengatur tinggi table
  • valign=”…” untuk mengatur perataan secara vertikal dari suatu cell.Seperti top, middle, dan bottom
  • bgcolor=”…” untuk mengatur warna background tabel,baris, atau cell
  • contoh :