Pada artikel ini saya akan membahas bagaimana membuat web sederhana dengan HTML. Sebelum kita masuk dalam pembuatan web sederhana dengan menggunakan HTML, sebaiknya kita berkenalan dulu dengan HTML.
HTML (Hyper Text Markup Languange) adalah bahasa pemrograman untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat seperti bahasa pemrograman lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita membutuhkan suatu editor guna mengetikkan, mengedit atau menyimpan dokumen-dokumen HTML. Editor untuk memdesain suatu web dibagi 2 yaitu yang bersifat text murni dan yang WYSIWYG (Graphic) Editor untuk text, anatara lain Notepad. Sedangkan editor WYSIWYG adalah Macromedia Dreamweaver dan Front Page.
Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tagtag dasar tersebut
Contoh pembuatan web sederhana dengan menggunakan HTML:
HTML (Hyper Text Markup Languange) adalah bahasa pemrograman untuk menghasilkan dokumen-dokumen hypertext untuk digunakan di World Wide Web. HTML terlihat seperti bahasa pemrograman lama, yang di awali dan diakhiri dengan kode-kode html dimana menunjukkan bagaimana keluarannya pada saat di jalankan pada sebuah web browser.
Untuk membuat aplikasi web, dalam hal ini menggunakan HTML , maka kita membutuhkan suatu editor guna mengetikkan, mengedit atau menyimpan dokumen-dokumen HTML. Editor untuk memdesain suatu web dibagi 2 yaitu yang bersifat text murni dan yang WYSIWYG (Graphic) Editor untuk text, anatara lain Notepad. Sedangkan editor WYSIWYG adalah Macromedia Dreamweaver dan Front Page.
Struktur Dasar HTML
Seperti umumnya dokumen lain, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari itu. Dokumen HTML juga dapat mengandung suatu gambar, suara, ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya adalah adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk menformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Elemen dan Tag inilah yang merupakan ciri utama dari suatu dokumen HTML. Secara garis besar, untuk menulisakn sebuah dokumen HTML dibutuhkan kerangka penulisan dengan tag-tag dasar sebagai berikut HTML, HEAD,TITLE dan BODY.Sebagai contoh berikut ini adalah penulisan HTML minimal yang menggunakan tagtag dasar tersebut
Dalam pembuatan dokumen HTML ada dua komponen utama yaitu elemen dan tag, dengan dua komponen ini maka kita akan membuat dokumen HTML dengan baik.
<html>
<head>
<title> Judul Dokumen </title>
</head>
<body>
data-data yang akan Anda tampilkan
</body>
</html>
Contoh pembuatan web sederhana dengan menggunakan HTML:
Berikut penjelasan dari elemen dan tag HTML yang digunakan untuk program diatas.
<html>
<head>
<title>Modul Pengantar Ilmu Komputer</title>
</head>
<body>
<h1>Klasifikasi dan Kegunaan Komputer</h1>
Komputer berasal dari kata <i>to compute</i> yaitu menghitung.Jadi
pada awalnya komputer hanya digunakan sebagai alat hitung, namun
perbedaan yang mendasar dengan kalkulator adalah bahwa komputer
mempunyai perkembangan zaman, komputer digunakan manusia untuk
memproses pemecahan masalah.
<hr>
Untuk lebih jelas tentang kegunaan komputer, komputer dibagi dalam
beberapa klasifikasi, yaitu :
<h5>
<ol>
<li><a href="#">Berdasarkan Jenis Data Yang Diolah
</a> </li>
<li><a href="#">Berdasarkan Kemampuan Komputer </a>
</li>
<li><a href="#">Berdasarkan Ukuran Fisik</a></li>
<li><a href="#"> Berdasarkan Bidang Masalah </a>
</li>
</ol>
</h5>
</body>
</html>
- Perintah HTML digunakan sebagai awalan untuk suatu dokumen html.
- Perintah HEAD digunakan untuk menunjukkan bagian judul dokumen. Sifatnya opsional (boleh ditulis/tidak)
- PerintahTITLE digunakan untuk memberikan judul pada masing.masing dokumen. Judul ini akan ditampilkan dibagian atas web browser.
- Perintah BODY menunjukkan bagian isi dari dokumen html tersebut.
- Perintah H1 digunakan untuk penetapan besar huruf (heading). Apabila angka yang menyertai huruf H semakin besar, maka huruf semakin kecil.
- Perintah HR digunakan untuk membuat garis
- Perintah OL digunakan untuk membuat daftar. LI untuk isi daftar.
- Perintah A HREF digunakan untuk membuat link.
