Apa Itu HTML ?
HTML (Hyper Text MarkUp Language) adalah sebuah bahasa pemrograman yang umum digunakan untuk memasukkan Teks,Gambar,Audio,Video dan Lainnya untuk membuat sebuah Website.
HTML adalah standar yang digunakan secara luas untuk menampilkan halaman web,menggunakan tag-tag tertentu untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan di web browser.
HTML hingga saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa.
Fungsi HTML ;
Fungsi dari HTML adalah digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam html tersebut seperti gambar, teks, video, dan lainnya sehingga bisa di tempilkan melalui web browser. Selain itu HTML juga bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu.
Berikut adalah Struktur Dasar HTML :
<html>
<head>
<title> tempat untuk mengisi judul Website </title>
</head>
<body>
tempat untuk mengisi isi dari Website.
</body>
</html>
Keterangan :
- <html>: Untuk memulai sebuah HTML
- <title>: Untuk memberi judul pada Website yang nantinya akan muncul di TabBrowser
- </title>: Untuk penutup tag <title>
- <head>: Untuk Bagian Header atau Atas
- </head>:Untuk Penutup Header dan diawali dengan garis miring "/"
- <body>: Untuk Bagian Body atau Isi dalam HTML
- </body>:Untuk Penutup/menutup Body dan diawali dengan garis miring "/".
Diatas merupakan kode-kode Dasar untuk membuat sebuah HTML.
Dalam HTML juga ada Tag-tag tertentu untuk membuat sebuah website menjadi lebih keren dibawah ini ada beberapa Tag dasar yang harus anda ketahui dalam HTML.
- <h1> : ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>
- <b> : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal
- <i> : (Italic) Fungsinya untuk membuat Huruf menjadi Miring
- <u> : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis
- <p> : Untuk membuat sebuah Paragraf
- <br> : Untuk Membuat sebuah baris baru atau enter
- <hr> : Untuk membuat sebuah garis Horizontal
- <center> : Untuk membuat tulisan atau gambar berada di tengah-tengah
- <img src="gambar-anda.jpg atau Url gambar anda"> : fungsinya untuk memasukan sebuah gambar
- <body bgcolor="black"> : Fungsinya untuk memberi warna untuk background atau latar belakang dan "black" bisa diganti sesuai keinginan anda, misalnya "red", "yellow"
- <font color="red"> :Untuk mengatur warna Text dan ditutup dengan </font>
- <font size="12"> : Untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>
- <font face="arial"> :Untuk mengatur jenis Font atau Text yang akan digunakan
- <marquee> : Untuk membuat sebuah text ataupun gambar bergerak.
Contoh Program Sederhana Yang Kami Buat;
Program Sederhana
Program Sederhana
<html>
<head>
<title> Contoh HTML </title>
<head>
<body>
<body bgcolor ="Aqua">
<h1><center> Biodata Saya </center></h1><br>
<h4>Biodata :</h1>
<h2>1. Nama : Adi Maulana</h1>
<h2>2. TTL : Tanggerang 16-Juni-2000</h1>
<h2>3. Alamat : Tanggerang</h1>
<h2>4. Agama : Islam</h1>
<h2>5. Gol Darah : AB</h1>
<h2>6. Hobi : Futsal, Membaca ,Traveling</h1>
<h2>7. Pekerjaan : Karyawan Swasta</h1>
<h2>8. Tempat Kerja : PT.Halik Selindo Alpha</h1>
<h3><center> Sekian Dan Terima Kasih Semoga Bermanfaat</center></h3>
<a href ="http://wetkj.blogspot.com/">Blog Kami</a>
</body>
</html>
Hasil Dari Program Di Atas ;
<head>
<title> Contoh HTML </title>
<head>
<body>
<body bgcolor ="Aqua">
<h1><center> Biodata Saya </center></h1><br>
<h4>Biodata :</h1>
<h2>1. Nama : Adi Maulana</h1>
<h2>2. TTL : Tanggerang 16-Juni-2000</h1>
<h2>3. Alamat : Tanggerang</h1>
<h2>4. Agama : Islam</h1>
<h2>5. Gol Darah : AB</h1>
<h2>6. Hobi : Futsal, Membaca ,Traveling</h1>
<h2>7. Pekerjaan : Karyawan Swasta</h1>
<h2>8. Tempat Kerja : PT.Halik Selindo Alpha</h1>
<h3><center> Sekian Dan Terima Kasih Semoga Bermanfaat</center></h3>
<a href ="http://wetkj.blogspot.com/">Blog Kami</a>
</body>
</html>
Hasil Dari Program Di Atas ;
Sekian Dari Saya TerimaKasih.....
0 comments