Friday, 1 February 2013

Belajar Membuat HTML Dasar



HTML adalah singkatan dari Hypertext Markup Languange yang umumnya merupakan bahasa yang digunakan untuk menampilkan website pada browser. Definisi HTML adalah suatu bahasa standar yang digunakan untuk membuat dokumen HTML. HTML terdiri dari kode-kode tertentu yang akan memerintahkan web browser untuk menampilkan informasi yang dapat berupa teks, gambar, video dan lainnya.
Untuk mengawali belajar HTML, banyak orang yang bingung bagaimana belajar HTML dari dasar. Cara belajar untuk membuat HTML sebenarnya cukup gampang, anda hanya memerlukan dua buah software (program), kedua program ini umumnya sudah ada pada setiap komputer. Dua program yang anda perlukan untuk belajar HTML adalah editor HTML dan web browser. Contoh editor HTML adalah Ms Frontpage, Macromedia Dreamweaver atau yang paling gampang Notepad. Untuk browser contohnya Internet Explorer atau Mozilla Firefox, salah satunya biasanya sudah tersedia di komputer anda.
Jadi cara untuk belajar HTML dari dasar kita tidak perlu menginstall software apa-apa lagi. Berikut ini langkah-langkah untuk belajar membuat HTML sebagai percobaan :
  1. Buka aplikasi Notepad
  2. Ketikkan kode HTML yang ada dibawah ini (sebaiknya jangan copy paste).
1
<html>
2
<head>

3
<title>Judul Website</title>
4
</head>

5
<body>
6
Saya tahu cara belajar membuat dokumen HTML dari dasar.

7
</body>
8
</html>
  1. Setelah selesai kemudian simpan dengan nama “latihan.html” (isikan tanda petik di awal dan akhir agar file yang tersimpan benar-benar file html, jika tidak file anda tetap berekstensi ‘txt’)
  2. Tutup Notepad, lalu buka file HTML yang anda buat tadi dengan mengklik dua kali (klik ganda) file tersebut.
  3. Secara otomatis file HTML yang anda buat akan dibuka dengan browser, misalnya Firefox atau Internet Explorer.
Sampai disini seharusnya anda sudah berhasil dan tahu cara membuat dokumen HTML yang sederhana. Selanjutnya anda bisa membuat dokumen HTML yang lain atau mengubah dokumen HTML yang tadi dengan cara membuka Notepad lalu buka file yang akan anda ubah. Selamat belajar membuat HTML, silahkan lihat tutorial HTML yang lainnya di website ini.
Sebelumnya saya ingatkan bagi anda yang belajar HTML dari dasar untuk jangan terlalu bingung dengan beberapa tag HTML yang baru anda kenal dan belum dijelaskan, di tulisan selanjutnya anda akan mengerti.
Beberapa tag dasar yang digunakan dalam dokumen HTML adalah heading, paragraf, link, image.
Heading
Tag untuk heading terdiri dari tag <h1> sampai dengan tag <h6>.
1
<h1>Ini heading 1</h1>
2
<h2>Ini heading 2</h2>

3
<h3>Ini heading 3</h3>
Paragraf
Paragraf dalam dokumen HTML dibuat dengan tag <p>.
1
<p>Ini adalah sebuah paragraf.</p>
2
<p>Ini adalah sebuah paragraf yang lain.</p>
Link
Untuk membuat sebuah link (tautan) anda dapat menggunakan tag <a>.
1
<a href="http://kuliah.wirautama.net">Ini contoh link</a>
Image
Untuk menampilkan image (gambar), digunakan tag <img>.
1
<img src="w3schools.jpg" width="104" height="142" />
Catatan : Untuk contoh image anda harus menyediakan sebuah gambar bernama “coba.jpg” di folder yang sama.

1 comment:

  1. Borgata Hotel Casino and Spa - Mapyro
    Located in Atlantic City, Borgata 대구광역 출장안마 Hotel Casino and Spa has been in operation since 2005. The hotel offers all of 고양 출장안마 its services, including  Rating: 3.7 · ‎1,393 reviews · ‎Price range: $ (Based on Average 전라남도 출장마사지 Nightly Rates for a 충주 출장샵 Standard Room from our Partners)What are some of the property amenities at Borgata Hotel Casino and Spa?Which room amenities are 전라남도 출장안마 available at Borgata Hotel Casino and Spa?

    ReplyDelete