Selamat pagi teman-teman, hari ini cerah sekali untuk membuat sebuah artikel baru yang berjudul Pengenalan Html. Pada artikel kali ini saya akan khusus membahas mengenai html.
Apa itu HTML?
Seperti yang telah saya jelaskan pada artikel 5 bahasa pemrograman yang mudah dipahami, dan mungkin pada artikel tersebut saya hanya menjelaskan sepintas tentang html, dan kali ini saya akan menambahkan lebih terperinci tentang apa yang namanya html.
Html
Yaps Hypertext Markup Language merupakan bahasa standar yang digunakan dalam menampilkan sebuah halaman web. Disini saya tidak akan menjelaskan mengenai pengertian html karena semuanya sudah
saya cantumkan pada artikel terdahulu saya (baca juga : 5 bahasa pemrograman yang mudah dipahami), tetapi disini saya akan menjelaskan lebih jauh mengenai tag yang menyusun halaman html itu sendiri. baiklah langsung saja.
saya cantumkan pada artikel terdahulu saya (baca juga : 5 bahasa pemrograman yang mudah dipahami), tetapi disini saya akan menjelaskan lebih jauh mengenai tag yang menyusun halaman html itu sendiri. baiklah langsung saja.
Apa itu Tag dan Elemen dalam Html?
Tag dan elemen Html merupakan penanda perintah dalam html yang digunakan untuk menentukan tampilan didalam halaman html tersebut. Tag ada yang Berpasangan dengan format :
<begin tag> isi dokumen... </end tag>
dan tag ada juga yang tidak berpasangan dengan format :
<TAG> isi dokumen...
Namun perlu diperhatikan dalam penggunaan tag <p> lebih baik diakhiri dengan tag penutup </p> karena untuk kedepannya html mengharuskan untuk mengisi end tag
Pembuatan Dokumen Html
Setiap dokumen html diawali dengan tag <html> dan diakhiri dengan tag penutup </html>.
perhatikan contoh dibawah :
<html> <head> ......... </head> <body> ......... </body> </html>
baiklah saya akan jelaskan satu per satu.
Tag <head>
Elemen head merupakan kepala dari dokumen html itu sendiri. elemen ini berfungsi untuk mendefinisikan halaman html itu sendiri. tag <head> dan tag penutup </head> terletak diantara tag <html> dan penutup dari tag </html>.
<head> ............. </head>
Tag <title>
Title merupakan judul dari sebuah dokumen html yang nantinya akan ditampilkan pada judul dari jendela browser. tag <title> dan tag penutup </title> terletak diantara tag <head> dengan penutup tag </head>.
<head> <title> ............... </title> </head>
Tag <body>
Elemen body ini memiliki fungsi utama dalam html yaitu untuk menampilkan isi dari dokumen html itu sendiri. Tag <body> dan tag penutup </body> terletak dibawah tag <head> dan tag penutup </head>. elemen body ini memiliki attribute yang berfungsi untuk menspesifikasikan khususnya warna dan latar belakang tampilan dari dokumen pada browser. contohnya :
.. <body text="violet" bgcolor="white" background="uri(....)" link="x.net"> .......isi dokumen....... </body> ..
Keterangan :
- bentuknya menggunakan format "<nama_tag attribute="value">
- text digunakan untuk memberikan warna pada text
- bgcolor digunakan untuk memberikan warna pada latar belakang dokumen
- background digunakan mengubah latar belakan dengan gambar
- link memberikan warna untuk link
- alink memberikan warna untuk link yang aktif
- vlink memberikan warna kepada link yang telah dikunjungi.
Nah sekarang kita coba untuk membuat halaman html pertama kita.
pertama bukalah notepad kalian pada komputer atau bisa juga menggunakan notepad++ (download)
setelah itu ketikkan code html dibawah ini :
<html> <head> <title>Ini Website Pertama Saya</title> </head> <body text="green" bgcolor="lightblue" vlink="cyan"> Tulisan ini Akan Tampak dalam browser dan jangan lupa kunjungi <a href="http://yukoding.blogspot.co.id" target="_blank">Saya</a> </body> </html>
Setelah itu simpan dokumen anda dengan nama latihan.html
ingat selalu bahwa formatnya adalah *.htmldan hasilnya nampak seperti ini :
Written by Unknown
We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.
0 komentar :
Posting Komentar