Fashion

Technology

Fashion

Recent Posts

Mengenal Kode-kode HTML Dasar

Mengenal Kode-kode HTML Dasar

Add Comment
Kode-kode HTML-Dewasa ini memang untuk membuat sebuah website tidak sesusah dahulu. Dulu, untuk bisa membuat sebuah website, kita harus memiliki skill mengenai basic pemograman. Dengan mengetahui bahasa pemograman, kita bisa membuat sebuah website yang bagus. Kalaupun kita tidak punya skill mengenai pembuatan website, kita harus membeli lewat webmaster dan tentunya harganyapun tidaklah murah. Namun kini zaman sudah berubah, untuk bisa membuat website kita tidak harus mengetahui segala tetek-bengek mengenai skill bahasa pemograman. Karena, hanya dengan bisa mengakses internet saja, orang sudah bisa membuat website/blog sendiri tanpa banyak hambatan. Situs penyedia blog atau website pun kini banyak bermunculan. Dari mulai Blogger milik Google, Wordpress, Multyply, blogdetik dan sebagainya.

Meskipun hanya dengan bisa mengoperasikan internet saja kita sudah bisa membuat website/blog tetapi yang namanya manusia pada dasarnya tidaklah akan puas sampai disitu saja. Dengan tampilan website/blog gratisan kita tentu tidak bisa berbuat banyak komplen mengenai kekurangan-kekurangannya. Itu artinya kita hanya pasrah dengan ketentuan dari situs penyedia. Karena selain terbatas dari segi template yang disediakan, kapasitas hosting filenya pun tentu terbatas pula. Bagi yang menginginkan sebuah situs yang bisa dikatakan sempurna tentu hal itu akan menyulitkan bagi kita. Berbeda dengan orang yang hanya menginginkan sebua situs yang sederhana, website yang tersedia tentunya sudah bisa dikatakan cukup memenuhi kebutuhannya.


Oleh karena itu, bagi kita yang menghendaki sebuah website atau blog yang bagus, mengetahui dasar-dasar bahasa pemograman tentu akan sangat membantu dalam menciptakan sebuah website/weblog sesuai kebutuhan kita. Ada banyak dasar-dasar pemograman untuk membuat sebuah website, diantaranya adalah php, Mysql, Javascript, html dan lain sebagainya.


Mengenal dan mengetahui bahasa html adalah salah satu usaha agar kita bisa memaksimalkan tampilan website/blog yang kita kelola. Karena, hampir semua dokumen web dibuat dengan kode-kode HTML. HTML sendiri adalah singkatan dari Hypertext Markup Language. HTML adalah bahasa pemograman yang digunakan untuk menulis format dokumen yang dapat digunakan dalam web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (dimark-up) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *htm atau *html).


Kode-kode HTML atau yang biasa disebut tag, menurut Kevin Werbach seperti yang diterjemahkan oleh Kristianto Jahja, mencakup banyak tag. Tag-tag tersebut dikelompokan ke dalam 13 kelompok tag. Namun dalam pembahasan kali ini penulis hanya akan menyebutkan beberapa tag saja yang paling umum dijumpai dalam setiap file yang berekstensi *htm atau *html.


Adapun tag-tag yang sering muncul dalam dokumen berekstensi *htm atau *html, yang sering muncul terutama banyak digunakan dalam pembuatan template blog/website adalah sebagai berikut:


<html>
</html>

Tag diatas menunjukan bahwa format dokumen yang digunakan dalam sebuah dokumen tertentu mengandung file html. Tagnya sendiri harus dituliskan berpasangan agar dikenali oleh browser internet. Seperti kita lihat pada contoh diatas, masing-masing baris tersebut dinamakan tag. Tag sendiri adalah kode yang digunakan untuk me-mark-up teks ASCII menjadi file *html. Setiap tag diapit dengan tanda kurung runcing. 

Selain tag seperti contoh diatas, tag html yang umum dipakai dalam file *html adalah :



<head> berpasangan dengan </head>
<body> berpasangan dengan </body>


Biar lebih jelas atau lebih paham, coba buka template blog anda kemudian back up templatnya lalu pastekan di notepad. Anda akan mendapati tag html seperti yang diatas tertera pada template blog anda.


Tag lain yang umum dipakai dalam sebuah halaman web untuk menciptakan sebuah halaman yang lebih hidup adalah tag-tag yang masuk dalam format tampilan. Dibawah ini adalah contoh tag html dan fungsinya:


==========================================================

<b> adalah tag yang digunakan untuk mengatur suatu kalimat yang diapitnya agar ditampilakan dengan huruf bercetak tebal. Dan harus dipasangkan dengan tag penutup </b>
Contohnya : <b>Contohnya</b> maka hasilnya seperti ini Contohnya

===================================================
<u> </u> adalah tag yang digunakan untuk mengatur sebuah tulisan agar ditampilakan bergaris bawah. Contohnya : <u>Contohnya</u> maka hasilnya seperti ini  Contohnya

==========================================================
<i> </i> adalah tag yang digunakan untuk mengatur sebuah tulisan agar ditampilkan miring.
Contohnya : <i>Contohnya</i> maka hasilnya seperti ini    Contohnya

==========================================================
<blink></blink> adalah tag yang digunakan untuk mengatur tulisan agar berkedip
Contohnya : <blink>Contohnya</blink> maka hasilnya seperti ini  Contohnya

===========================================================

<marquee></marquee> adalah tag yang digunakan untuk mengatur sebuah tulisan yang berjalan
Contohnya : <marquee>Contohnya</marquee> maka hasilnya seperti ini [" Contohnya " ]



===========================================================
 <table></table> adalah tag yang digunakan untuk membuat tabel. Namun untuk penggunaannya ia harus di dukung tag atribut lain agar bisa menampilkan sebuah kotak. Diantara tag atribut yang melekat dalam tag <table> adalah <tr></tr> yang fungsinya untuk menampilkan baris dalam tabel. Dan tag <td></td> adalah untuk menampilkan kolom dalam tabel. Makanya, untuk membuat tabel/kotak, tag tag tersebut harus digabungkan. Contohnya seperti ini :

<table border="1" width="230"> 
<tr>
<td style="border-style:solid"> Contohnya </td>
</tr>
</table>

Maka hasilnya seperti ini


Contohnya

===========================================================

Membuat tabel/kotak berwarna



<table border="1" width="230"> 
<tr bgcolor="yellow">
<td style="border-style:solid"> Contohnya </td>
</tr>
</table>



Maka hasilnya seperti ini



Contohnya



 

Kiranya cukup sampai disini dulu ulasan mengenai kode-kode html. Lain waktu bila ada kesempatan, insya Allah penulis akan ulas lagi mengenai kode-kode html lainya. Besar harapan penulis agar artikel ini bisa bermanfaat bagi penulis dan pembaca khususnya...!


Akhir kata,


Wassalam,,,............!

Catatan: Agar kita lebih memahami mengenai kode-kode html, alangkah baiknya dalam membaca artikel ini anda sekaligus praktek. Sehingga kita jadi lebih cepat memahami kode-kode html. Caranya : Setiap intruksi atau contoh tagnya anda tulis kembali dengan menggunakan program notepad kemudian anda simpan. Untuk mengetahui hasilnya, Buka Browser Internet Explorer atau Mozilla >> File/berkas >> File latihan yang anda simpan, maka akan nampak hasilnya. Selamat mencoba!