Labels

Friday, March 15, 2013

Belajar Mudah tentang HTML

Oke guys,kali ini saya akan memberi sedikit informasi mengenai apa sih HTML itu ? dan sebelum mempelajari semua tentang HTML berikut mengenai sejarah HTML sendiri :



  • Tahun 1980,IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari itu dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language,yaitu sebuah bahasa yang menggunakan tanda-tanda atau kode-kode sebagai basisnya. Dan IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
  • Di tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik,dan kemudian mengeluarakan suatu publikasi (ISO 8879) yang menyatakan Markup Language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM,tetapi memberinya nama lain yaitu SGML (Standard Generalized Markup Language) .
  • (SGML ke HTML ) HTML – yang juga menggunakan teknologi markup language – dulu merupakan salah satu bagian dari SGML ini. Seorang peneliti yang bernama Tim Berners - Lee dari CERN – yang kini menjadi direktur W3C (WORLD WIDE WEB CONSORTIUM) mengemukakan suatu ide tentang pembuatan suatu skrip bahasa pemprograman dandokumen yang bisa diakses oleh seluruh komputer tanpa melihat jenis platform-nya apakah Windows, Unix, Linux dan sebagainya. Semenjak itu pula HTML lebih populer daripada SGML.


Setelah kalian membaca mengenai sejarah HTML pasti ada pertanyaan,apa sih sebenarnya HTML itu dan apa saja yang dipelajari tentang isi dari HTML itu,serta kegunaan HTML itu buat apa sih,sebenarnya ? disini saya akan sedikit memberi suatu pengertian tentang HTML sendiri..oke langsung saja guys.

Dapat dijelaskan bahwa HTML atau Hipertext Markup Language merupakan bahasa program yang digunakan untuk menulis sebuah format dokumen yang dapat digunakan dalam Web. HTML terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video. Format HTML sendiri adalah (*.html). Selain itu HTML juga disarankan dalam membuat web page,meskipun banyak editor HTML lain seperti Microsoft FrontPage, Adobe Page mill, Notepad++, Netscape Composer, dan Macromedia Dreamweaver.


Untuk lebih jelasnya dibawah ini ada dasar-dasar pemahaman dan pembelajaran HTML beserta contohnya.
HTML memiliki struktur dasar seperti ini :



<html>
<head>
<title>Judul Dokumen HTML</title>
</head>
<body>
penulisan informasi Web
</body>
</html>

struktur diatas merupakan struktur paling dasar yang ada dalam sebuah HTML dimana setiap struktur dasar tersebut harus dituliskan secara terurut dalam membuat suatu HTML. Dan berikut penejelasan mengenai struktur dasar HTML :

a. Tag 
merupakan teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<").

b. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
- <title> ini adalah tag pembuka judul dokumen HTML
- Judul Dokumen HTML ini adalah isi judul dari dokumen HTML
- </title> ini adalah tag penutup judul dokumen HTML
Tag-tag diatas ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Berikut sedikit contoh penulisan tag yang benar :


<p>
       <b>
       </b>
</p>

Sebagai tambahan berikut ada contoh sintaks yang harus kalian ketahui mengenai element HTML,ada element HTML,element head,element title,dan element body.



1. Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:
<html>

</html>

2. Element Head


Merupakan kepala dari dokumen HTML. Tag pembuka <head> dan tag penutup </head> terletak di antara tag <html> dan tag </html>.

Sintaks:
<head>

</head>



3. Element TITLE


Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title>  dan </title> terletak di antara tag <head> dan tag </head>.

Sintaks:
<title>Tabel Mahasiswa</title>

4. Element BODY


Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag
</body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan
khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada
browser.

Sintaks:

<body>
ketik informasi yang ingin ditampilkan pada halaman disini
</body>



Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna ( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri.


Dan berikut dasar-dasar perintah yang pernah saya coba dan lakukan dalam HTML :


- Membuat paragraf (satu spasi antar baris dibuat) 
<p>Teks Yang Anda Ketik</ p> 


- Perintah untuk membuat font menjadi miring
<i>Teks Yang Anda Ketik</i> 


» Perintah untuk membuat font menjadi tebal
<b>Teks Yang Anda Ketik</b> 


» Menempatkan teks yang Anda mengutip ke dalam dokumen web - teks akan indentasi 
<blockquote>Teks Yang Anda Ketik</blockquote> 

» Mempertahankan format/lekukan dari teks yang dimasukkan 
<pre>Teks Yang Anda Ketik</pre> 


» Juga membuat teks seperti bold
<strong>Teks Yang Anda Ketik</strong> 


» Perintah untuk membuat teks menjadi rata tengah
<center>Teks Yang Anda Ketik</center> 


» Perintah untuk membuat teks berkedip-kedip
<blink>Teks Yang Anda Ketik</ Blink> 

» Perubahan ukuran teks -7 adalah font yang terbesar yang tersedia dan 1 adalah yang terkecil (satu spasi) 
<font size=7>Teks Yang Anda Ketik</ font> 


» Teks muncul dalam font terbesar yang tersedia (dua spasi) 
<h1>Teks Yang Anda Ketik</h1> 

» Teks muncul dalam font terkecil yang tersedia
<h6>Teks Yang Anda Ketik</h6> 


- Selain perintah dasar diatas juga ada cara Memasukan gambar kedalam HTML yang bisa dilakukan dengan cara menulis kode berikut <p><img src="Animation-3.jpg" width="255" height="211" alt="" /></p> ,dimana :

"Animation-3.jpg" merupakan lokasi gambar yang sudah kalian pilih.

width="255" merupakan lebar dan height="211" merupakan tinggi dari ukuran gambar.


Tidak hanya itu guys kalian juga bisa meembuat Link ke dalam HTML yang akan dibuat dengan menulis kode berikut di dalam editor :



<a href="Masukkan URL">Nama tag Yang Diinginkan</ a> 

Contoh: <a href="http://www.wong-pengkol.blogspot.com>Belajar Mudah Tentang HTML</a> 

setelah kalian menulis kode tersebut maka, teks yang akan muncul dengan warna biru pada halaman web adalah: "Belajar Mudah Tentang HTML"  dan Jika Anda klik di atasnya, Anda secara otomatis akan dikirim ke homepage "Belajar Mudah Tentang HTML".


Tutorial diatas hanya sebagian kecil saja sobat, " semoga Anda mengerti dan semakin mahir dalam menerapkan konsep HTML dalam mendesain Web dan membuat Program". 
Jadi guys belajar HTML itu sebenarnya mudah tergantung dari keaktifan dan kreatifitas kita dalam mengembangkan ilmu yang kita dapat dari pembelajaran HTML.











Salam  SELALU SUKSES ...... GUYS !!!!



 

Blogger news

Terjemahkan dalam Bahasa anda