Friday, February 10, 2012

Mengenal HTML Dasar

Bila sobat sudah membaca artikel mengenai Definisi HTML, kali ini kita akan belajar bersama mengenai keseluruhan tentang HTML secara bertahap.Tujuan dari sebuah web browser (seperti Internet Explorer atau Firefox)  adalah untuk membaca HTML dokumen tersimpan, dan mereka menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menggunakan tag HTML untuk menafsirkan isi halaman.

OK..., Mari terlebih dahulu kita mulai dari HTML  Dasar.  Untuk membuat halaman sebuah web, kita harus tahu dasar-dasar dari elemen HTML.






1. HTML HEADING atau JUDUL

Heading ditandai dengan tag <h1>. Tag <h1> adalah elemen HTML yang digunakan untuk menampilkan sebuah judul pada artikel atau dokumen data pada sebuah halaman web. HTML heading terdiri atas 6 tingkatan menurut ukuran besar dan kecilnya, yaitu dari Tag <h1> <h2> <h3> <h4> <h5> dan <h6>.  Dan Tag <h1> merupakan tag heading yang berukuran paling besar. Sedang tag <h2> dan seterusnya biasanya berfungsi sebagai elemen HTML yang digunakan untuk menampilkan sub-judul.

Lihat perbedaan penulisan dan hasil yang tampil pada halaman web :

<h1>Ini Judul 1</h1>
<h2>Ini Judul 2</h2>
<h3>Ini Judul 3</h3>
<h4>Ini Judul 4</h4>
<h5>Ini Judul 5</h5>
<h6>Ini Judul 6</h6>



Ini Judul 1
Ini Judul 2
Ini Judul 3
Ini Judul 4
Ini Judul 5
Ini Judul 6


2. HTML PARAGRAF
HTML Paragraf didefinisikan dengan tag <p>

<p>Disini Paragraf teks yang merupakan isi dari artikel</p>
Disini Paragraf teks yang merupakan isi dari artikel


3. HTML LINK
HTML Link didefinisikan dengan tag <a>

<a href="http://www.kimzaqi.blogspot.com/"> KLIK DISINI </a>



KLIK DISINI


4. HTML  GAMBAR
HTML  Gambar didefinisikan dengan tag <img>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3A1eTcGOcYw4uKgOpuDZQkXQEXMGxeXkdDUEDVgaxb7HWOu8DhyeHMc17SPL2H-IK0cB6gzp9r6roNiL2o1lFU3nYEYxgT3VCZxtqvP2tCLH3D6LG67KtdZFZZanfZDFpIVbhWr8dJek3/s104/DASAR.jpg" width="104" height="142" />




Nah...., mudah kan?
Silahkan Sobat mencoba dan mengexplore sendiri.... semoga bermanfaat.

0 comments:

Post a Comment