Space Iklan [728x90]

Saturday 16 November 2013

pengenalan html

Apa Itu HTML??? Secara singkat, HTML dapat didefinisikan sebagai berikut:
  1. HTML adalah bahasa pemograman untuk mendeskripsikan halaman web. 
  2. HTML singkatan dari Hyper Text Markup Language. 
  3. Dokumen HTML berisi tag HTML dan teks biasa. 
  4. Tag HTML berfungsi menjelaskan konten dokumen HTML itu sendiri. 
  5. Dokumen HTML juga disebut halaman web.

Akan saya jelaskan sedikit lagi mengenai HTML. HTML adalah bahasa standar pemrograman untuk membuat suatu halaman webite. HTML terdiri dari kumpulan kode yang berfungsi sebagai pengaturan untuk menampilkan apa saja perintah yang ada pada kode HTML pada web browser. Pengaturan itu sendiri bisa mencakup berbagai macam format tampilan seperti teks, gambar (grafik), animasi, link, audio, video maupun gabungan dari seluruhnya.

Pada kesempatan kali ini Saya tidak akan panjang lebar membahas pengertian dan fungsi HTML karena itu semua sudah banyak bertebaran di internet. Untuk itu Saya akan lebih fokus membahas apa saja struktur html itu, bagaimana cara membuat struktur dasar HTML itu, dan hal-hal yang berkaitan dengan dasar HTML.


Struktur Dasar HTML:

<!DOCTYPE html>
  <html>
    <head>
  <title>Isi Judul Dokumen</title>
  </head>

  <body>
Ini adalah isi dari file HTML yang kita buat.
<h1>Contoh Penggunaan Tag Heading</h1>
<p>Contoh Penggunaan Tag paragraph.</p>
  </body>

  </html> 

Ini adalah isi dari file HTML yang kita buat.

Contoh Penggunaan Tag Heading

Contoh Penggunaan Tag paragraph.

<!DOCTYPE html>
  <html>
    <head>
  <title>Isi Judul Dokumen</title>
  </head>

  <body>
Ini adalah isi dari file HTML yang kita buat.
<h1>Contoh Penggunaan Tag Heading</h1>
<p>Contoh Penggunaan Tag paragraph.</p>
  </body>

  </html> 
Untuk penjelasan lebih jauh mengenai kode struktur HTML dasar ini silahkan pelajari melalui tombol berikut:

HTML Play Ground !
Sampai sejauh ini Anda sudah berhasil membuat sebuah file .html sederhana. Jika Anda masih bingung dalam membuat file html ini. silahkan tombol berikut ini:
Cara Membuat File HTML sederhana


Berikut ini merupakan contoh visualisasi dari sebuah halaman HTML dasar:

<html>
<head>
<title> Isi Judul Dokumen </title>
</head>
<body>
<h1> Contoh penggunaan tag heading </h1>
<p> Contoh penggunaan tag paragrap </p>
<p>Contoh penggunaan tag paragrap kedua .</p>
</body>
</html>
Penjelasan dari visualisali diatas yaitu:
  • Tag <html> adalah tag pembuka file HTML. Tag ini ditutup menggunakan tag </html>
  • Tag <head> merupakan tag pembuka dari header file HTML. Tag ini ditutup menggunakan tag </head>
  • Tag <title> dapat diartikan sebagai identitas atau judul file HTML pada web browser. Tag ini ditutup menggunakan tag </title>
  • Tag <body> merupakan isi dari file HTML. Seluruh pengaturan HTML yang diletakan diantara tag <body> . . . </body> akan ditampilkan pada halaman web browser
  • Tag <h1> merupakan pengaturan heading dari dokumen HTML. Heading pada HTML memiliki 6 standar yaitu <h1, h2, h3, h4, h5, dan h6>
  • Tag <p> digunakan sebagai penanda paragraf baru dalam artikel yang kita tulis pada halaman HTML
 
Toggle Footer
Top