HTML Dasar | OOM RIO

Tuesday, March 1, 2011

HTML Dasar

Bila anda sudah membaca artikel saya mengenai Definisi HTML, kali ini kita akan belajar bersama mengenal keseluruhan tentang HTML secara bertahap.
Seperti yang sudah saya utarakan pada artikel mengenai Definisi HTML, 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.carabuatwebgratis.com/"> KLIK DISINI </a>

KLIK DISINI


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

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


Nah...., mudah kan?
Silahkan anda mencoba dan mengexplore sendiri.... semoga bermanfaat untuk anda.
Jangan lupa baca tentang pendalaman HTML di bab- bab selanjutnya.

Oh ya....., sebelum pergi jangan lupa tinggalkan komentarmu ya......
Terima kasih......

Judul: HTML Dasar; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:


0 comments:

Post a Comment

Informasi Pilihan Identitas:
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).