-->

Sabtu, 10 Maret 2012

Dasar HTML


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/AVvXsEgSNPojn7koHmFf5GYhxy3vyEVePCeo8dA3GlwITDeti5-mbnvKiiu2JxuKQoa2EJehhfvFafvA2EuuZUzeXuV-u8bIg2FYAyh6WxKI4LRriXm2c8MFgjWWdwtvq4okwpOrXYf-YlWAADOF/s104/DASAR.jpg" width="104" height="142" />



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


Sumber : TutorialBlog.

0 komentar:

Posting Komentar

The title of the slideout

Slideout Content