Tag HTML Dasar Dalam Dokumen

HTML terdiri dari Tag dan Atribut. Tag HTML biasanya diawali oleh sebuah tanda buka lebih kecil dari "<" dan ditutup oleh tanda lebih besar dari ">", sedangkan Atribut biasanya menyertai Tag HTML karena fungsi dari Atribut itu sendiri adalah menjelaskan dari Tag HTML yang disertainya. Tapi tidak mesti sebuah Tag HTML diikuti oleh sebuah Atribut.

Tag Penyusun HTML dan Penjelasan Singkat
Tag Penjelasan Singkat
<!DOCTYPE html>
  1. ditulis pertama kali dalam setiap awal struktur html, memudahkan browser mengenali struktur website
  2. menandakan struktur html 5
  3. HTML 5 tidak berdasarkan pada SGML, oleh karenanya tidak memerlukan referensi ke DTD
<html> ditulis setelah <!DOCTYPE html> dan ditutup oleh tag </html>
<head> ditulis setelah <html> dan ditutup oleh tag </head>
<title>Judul Halaman</title> ditulis setelah <head> dan ditutup oleh tag </title>
</head> ditulis setelah tag </title>
tag </head> merupakan penutup dari tag <head>
<body>
......
</body>
ditulis setelah tag </head> dan ditutup dengan tag </body>
</html> ditulis setelah tag semua html dirasa cukup.
tag </html> ditulis paling terakhir karena tag tag </html> merupakan penutup dari tag <html>
TAG HTML Dasar dan Atribut
Tag Atribut
<!DOCTYPE html> -
<html> -
<head> -
<title>Judul Halaman</title> -
</head> -
<body>
......
</body>
<body bgcolor="#FF00FF" leftmargin="15" bottommargin="15" link="#000000" vlink="#FFFF00">
  1. Bgcolor
    (warna latar belakang dokumen)
  2. leftmargin
    (ukuran margin kiri dokumen)
  3. rightmargin
    (ukuran margin kanan dokumen)
  4. topmargin
    (ukuran margin atas dokumen)
  5. bottommargin
    (ukuran margin bawah dokumen)
  6. link, vlink, alink (warna link, aktif link, dan link yang sudah dikunjungi)
</html>
TAG HTML Dasar dan Atribut
  1. Tag Headline atau Judul Sub Judul, cara penulisan sebagai berikut :
  2. <h1>Digital Computer</h1>
    <h2>Digital Computer</h2>
    <h3>Digital Computer</h3>
    <h4>Digital Computer</h4>
    <h5>Digital Computer</h5>
    <h6>Digital Computer</h6>
  3. Tag Paragraf, Garis Bawah, Tebal, Miring dan paragraf baru
  4. Setiap paragraf diapiat oleh tag <p>dan</p> dan untuk memberikan efek garis bawah sebuah kata diapit oleh tag <u>dan</u> misalnya dan. selanjutanya untuk tebal <b>dan</b> dan miring <i>dan</i>

    <p>Contoh paragraf baru dan cara penulisan tag paragraf digunakan untuk menampilkan satu blok text dalam bentuk paragraf baru pertama </p>

    <p>Tag Paragraf digunakan untuk menampilkan satu blok text dalam bentuk paragraf baru kedua dan seterusnya </p>

    <p>Tag Paragraf</p>

  5. Membuat link teks dengan menggunakan Tag <a> sebagai Anchor contoh :
  6. <a href ="http://www.digital-computer.com" target="_blank">Digital Computer</a>

    <a href ="#" target="_blank">Digital Computer</a>

    atribut target dapat diganti dengan "_blank" "_parent" "_self" "_top"

  7. Menampilkan Gambar dengan Tag <img> dan Tag <a>
  8. <a href="http://1.bp.blogspot.com/-WFOebl_6Nzw/TfnBASVYoII/AAAAAAAAA3g/6rWyVezpEp0/s1600/islamic_banking.png"> <img src="http://1.bp.blogspot.com/-WFOebl_6Nzw/TfnBASVYoII/AAAAAAAAA3g/6rWyVezpEp0/s1600/islamic_banking.png" alt="gambar" width="150px" height="113"/></a>

    <a href="#"><img src="#" alt="gambar" width="150px" height="113"/></a>



Layanan Jasa Serupa
tutorial