Apa itu HTML ?
HTML merupakan singkatan dari HyperText Markup Language adalah script untuk menyusun dokumen-dokumen Web. Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Biarpun HTML bukan termasuk suatu program pembuatan web, tetapi HTML merupakan dasar dari segala bahasa pemrograman web yang akan muncul kemudian. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Pengenalan HTML
Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu :
- Mengontrol tampilan dari web page dan contentnya.
- Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
- Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
- Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML, Dan lain sebagainya.
Mendesain HTML dapat dilakukan dengan dua cara :
- Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain.
- Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mempublish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
Tag Dasar HTML
Beberapa tag dasar yang digunakan dalam dokumen HTML adalah heading, paragraf, link, dan image.
1. Heading
Tag heading umumnya digunakan untuk membuat header / pada halaman
website. Tag untuk heading terdiri dari tag <h1> sampai dengan tag <h6>.
Sebagai contoh heading pada HTML silahkan coba kode HTML berikut ini :
03 | <title>Contoh Heading</title> |
2. Paragraft
Untuk membuat teks dalam sebuah paragraf pada dokumen HTML
digunakan tag <p> yang merupakan tag pembuka dan diakhiri dengan tag
penutup </p>. Sebagai contoh membuat paragraf pada HTML,
silahkan coba contoh kode HTML berikut ini :
3 | <title>Contoh Paragraf</title> |
6 | <p>Ini merupakan sebuah contoh paragraf dalam HTML.</p> |
7 | <p>Dan ini merupakan contoh paragraf yang lainnya.
Sebuah paragraf dapat terdiri dari satu atau
beberapa kalimat.</p> |
3. Link
Hyperlink atau link (tautan) adalah sebuah teks atau gambar yang
jika di klik akan membuat browser membuka halaman HTML lain. Jika
sebuah link ditunjuk dengan mouse, biasanya kursor akan berubah
menjadi bentuk menyerupai tangan kecil. Untuk membuat link digunakan
tag <a>. Sebagai contoh link silahkan coba kode HTML berikut ini :
3 | <title>Contoh Link</title> |
4. Image
Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks
bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan
image digunakan tag <img>.
3 | <title>Contoh Image</title> |
6 | <img src="fotoku.jpg" /> |
Catatan : Untuk contoh kode HTML tentang image diatas, anda harus
menyediakan sebuah gambar bernama “fotoku.jpg” di folder yang sama
dimana anda menyimpan kode HTML tersebut.
Sumber :
Tidak ada komentar:
Posting Komentar