Mengenal Dasar-dasar HTML yang Harus, Sangat, Perlu Diketahui

Mengenal Dasar-dasar HTML yang Harus, Sangat, Perlu Diketahui | Jika sebelumnya Rinata membagikan Penggunaan Notepad untuk mengedit HTML, sekarang Rinata akan kenalkan dasar-dasar HTML yang harus, sangat, perlu dipelajari. Jika anda belum belajar tentang penggunaan Notepad untuk mengedit HTML, silahkan baca DISINI.

Ada bermacam-macan dasar HTML yang harus anda ketahui, seperti HTML Heading, Paragraf, dan lain lain. Dalam artikel ini Rinata akan coba bagikan dasar-dasar belajar HTML yang wajib diketahui jika anda ingin lebih jauh belajar HTML. Namanya saja dasar, ya sudah jelas harus dipelajari. Kalau dasar saja belum bisa, bagaimana kelanjutannya?

Judul (Heading) HTML

Daripada banyak nanya, langsung saja ya saya mulai dari pengenalan Judul (Heading) HTML. Seperti halnya teks atau naskah atau apapun yang berbau tulisan pasti memiliki Judul (Heading). HTML juga memiliki 6 tags Judul (Heading) yang terdiri dari <h1> sampai <h6>. Silahkan anda salin tags Judul (Heading) ini.

<h1>This is a heading 1</h1>
<h2>This is a heading 2</h2>
<h3>This is a heading 3</h3>

Silahkan ganti tulisan yang berwarna merah dengan judul anda. Jangan lupa simpan dengan direktori .html. Nanti hasilnya kurang lebih seperti ini:

Paragraf HTML

Setelah bisa membuat judul (heading html), kita lanjut ke paragraf. Seperti yang sudah Rinata kaitkan diatas mengenai naskah pasti memiliki Paragraf dan HTML pun seperti itu juga. HTML menggunakan tags <p> dalam pembuatan naskah. Silahkan salin tags paragraf ini:

<p>Ini adalah sebuah paragraf.</p>
<p>Sedangkan ini adalah paragraf lainnya.</p> 

Silahkan diganti tulisan yang berwarna hijau untuk merubah paragraf yang ingin anda buat. Nanti hasilnya silahkan anda cek sendiri. Hehehe.

Catatan : Jumlah kata dalam paragraf tidak terhingga, jadi anda bisa membuat sebuah cerita atau naskah yang panjang dalam paragraf, yang terpenting adalah penggunaan tags yang tepat.

Tautan HTML

Kalian pernah melihat tautan? Jangan bohong untuk berkata tidak, hehe. Di html juga tersedia fasilitas tautan yang menautkan suatu huruf, kata ataupun kalimat yang mengarah (menaut) ke tujuannya. Contohnya bisa anda klik tautan ini. dan tautan ini. Bagaimana, ada perbedaan kah. Tautan yang benar adalah pada saat diklik akan mengarahkan kita pada tujuan tautan tersebut. Daripada bingung baca penjelasan saya, lebih baik anda praktek langsung saja. heee.

Tags untuk tautan dalam html didefinisikan dengan tag <a>. Untuk mempraktekannya silahkan salin tag tautan ini:

<a href="http://blogrinata.blogspot.com">Ini tautan Blogrinata</a>

Anda bisa mengganti kalimat berwarna oranye dengan kata-kata tautan anda. Sedangkan kata yang berwarna biru adalah tujuan tautan anda.
Catatan : atribut href adalah untuk mendefinisikan lebih spesifik untuk tautan yang kita buat. Nanti kita akan belajar banyak mengenai atribut a lainnya.

Itulah beberapa Dasar mengenai HTML yang wajib dipelajari bila ingin belajar lebih jauh tentang HTML. Karena tanpa dasar/pondasi maka sebuah bangunan tidak akan bisa berdiri. Sama halnya dengan belajar html, silahkan anda kaitkan sendiri (hehe). Untuk pelajaran berikutnya Insya Allah akan saya sambung lagi pada artikel selanjutnya. Bila ada yang kurang dimengerti silahkan ditanyakan pada kolom komentar yang sudah disediakan. Terima Kasih.

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Blog Rinata. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Blog Rinata dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Selasa, 18 Maret 2014