Tutorial HTML Untuk Pemula 1

Ditulis oleh  First Ryan Wednesday, 17 February 2010 14:21

Pada Tutorial HTML pertama yang ditulis Replace ID, kami lupa untuk memberikan artikel pembuka atau pengenalan tentang HTML. Nah, sekarang saya akan menuliskan bagaimana membuat halaman web dengan HTML. bagi yang sudah bisa, saya ucapkan selamat. Dan bagi yang belum bisa simak baik-baik tutorial kali ini. HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web.

Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser (Internet Explorer, FireFox, Netscape Navigator, NeoPlanet, dll).

Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. Untuk membuat halaman HTML cukup memerlukan notepad yang telah disediakan oleh windows. Namun sekarang telah banyak software untuk mengolah halaman web. Tidak hanya HTML.

Tetapi juga mendukung PHP, JavaScript, ASP, dll.Tidak usah banyak basa-basi, sekarang kita mulai saja membuat HTML awal Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

 

Elemen dasar HTML

Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:

<html>
<head>
<title>Judul</title>
</head>
<body>isi  konten web</body>
<html>

  Pengertian bagian tag HTML di jelaskan pada bagian berikut.

<html> ... </html>

Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.

<head> ... </head>

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag tag TITLE, BASE, LINK, SCRIPT, STYLE & META.

<title> ... </title>

Sebagai titel atau judul halaman/form dan di letakan diantara tag <head>...</head>. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

<body> ... </body>

Mendefinisikan teks beserta formatnya yang nantinya ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

 

Membuat Halaman HTML

Sekarang untuk latihan pertama kita, mari kita membuat buat dokumen HTML sederhana. Ikuti langkah-langkah berikut ini :

01Buka aplikasi Notepad anda, Start > All Programs > Accesories >Notepad.

02Lalu tuliskan script dibawah ini :

<html>
<head>
<title>Latihan HTML bersama Replaec ID</title>
</head>
<body> Proyek latihan pertama saya.</body>
</html>

03Simpan file anda dengan cara klik menu File Save dan pilih direktori dimana file akan disimpan.

04Pada drop down list di Save as type, pilih All Files.
Pada box File name, isikan nama filenya dengan index.html. Lalu klik Save untuk menyimpan file.

 

Melakukan Uji Coba Latihan Pertama

01Buka folder tempat file HTML disimpan, Klik dua kali file tersebut.

02Maka Browser akan menampilkan file yang telah kita buat tadi.

03Sukses kah anda ? 

Sekian dulu pengenalan tentang HTML kali ini. Semoga bermanfaat bagi para pembaca. Sampai ketemu di Tutorial HTML berikutnya. Salam Sukses Selalu !

Last modified on Sunday, 21 August 2011 07:11
First Ryan

First Ryan

Seorang Blogger yang tertarik dengan segala sesuatu yang berhubungan dengan tekhnologi website.

Website: firstryan.net

Leave a comment

Pastikan anda mengisi data dengan banar. tanda (*) harus di isi.
Budayakan berkomentar yang sopan. Kami selalu menerima kritik dan saran.

You are here Tutorial Tutorial Website HTML Tutorial HTML Untuk Pemula 1

Email Feed

Kirim artikel terbaru via email:

Delivered by FeedBurner