Home / HTML / Tutorial / Web

Pendahuluan dan Struktur HTML

Diposkan oleh Dharwiez Post a Comment
Pendahulaun Dan Struktur Dasar HTML. Apa Pengertian..? HTML Adalah format dokumen yang digunakan dalam World Wide Web (WWW). HTML merujuk pada tampilan halaman, jenis, huruf, elemen grafis, juga link hypertext ke dokumen lain di Internet. HTML (Hyper Text Markup Language) Dapat Dikatakan Sebagai sebuah bahasa markup yang  digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), 

Struktur Dasar HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. dan juga dapat dikenali oleh aplikasi pembuka e-mail ataupun dari PDA dan program lain yang memiliki kemampuan browser. Berikut Adalah Penjelasan Singkat Mengenai Pendahuluan Dan Struktur Dasar HTML

Struktur Dokumen HTML

Bentuk Penulisan Struktur dasar HTML adalah sebagai berikut:

<html>
<head>
<title>Judul HTML</title>
</head>
<body>
  Belajar Bersama Sampul Ilmu 
</body>
</html>

Heading Dokumen

Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Contoh tulis dalam Notepad anda sebagai berikut:

<HTML><BODY>
<H1> Sampul Ilmu level 1</H1>
<H2> Sampul Ilmu level 2</H2>
<H3> Sampul Ilmu level 3</H3>
<H4> Sampul Ilmu level 4</H4>
<H5> Sampul Ilmu level 5</H5>
<H6> Sampul Ilmu level 6</H6>
</BODY></HTML>

Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:

Pendahuluan dan Struktur HTML
Gambar1

Dokumen Body

Elemen <BODY> dalam dokumen HTML brfungsi menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftar), tabel, dan lain-lain.

Bentuk Penulisan Kodenya:

<HTML>
<HEAD>
<TITLE>Pendahuluan Dan Struktur HTML</TITLE>
</HEAD>
<BODY>
  Terima Kasih Buat Sahabat Sampul Yang Mau Belajar HTML
</BODY>
</HTML>

Tag <TITLE> digunakan untuk memberikan judul dokumen HTML dan judul ini dapat dilihat pada pojok kiri atas (title bar) browser.

Pendahuluan dan Struktur HTML
Gambar2

Tag <body> dan tag </body> Adalah untuk menampilkan isi dokumen HTML.  terletak di bawah tag <head> dan tag </head>. Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.

Bentuk Penulisan Kodenya:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">......</body>

Keterangan Rumus 
  1. text : memberikan warna pada teks
  2. bgcolor : memberikan warna pada latarbelakang dokumen HTML
  3. background : memberikan latarbelakang dokumen HTML dalam bentuk gambar
  4. link : memberikan warna untuk link
  5. alink : memberikan warna untuk link yang sedang aktif
  6. vlink : memberikan warna untuk link yang telah dikunjungi.

Catatan : 
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

Semoga Pendahuluan dan Struktur HTML Dapat Bermanfaat

Referensi :
achmatim.net
achmatim@bl.ac.id

Post a Comment for "Pendahuluan dan Struktur HTML"

Post a Comment