Pengenalan HTML ( Bagian 2)

pengenalan-html2
Pada pembahasan HTML sebelumnya. Kita sudah mengetahui mengenai hal apa saja yang diperlukan untuk belajar HTML dan beberapa tag-tag seperti <head>, <body>, dan <p>. Maka selanjutnya akan saya bahas mengenai bagaimana membuat sebuah link, gambar dan juga heading.

  • Link

Yang pertama saya bahas adalah masalah link. Jika anda belum mengetahui mengenai link, link adalah tautan yang bisa menghubungkan antara satu halaman website dengan lainnya. Jika Anda melihat pada blog, dibawah akan bertuliskan mengenai post sebelumnya. Itu adalah link yang mengarah ke dalam satu website. Biasanya juga ditandai dengan garis bawah pada tulisan dan biasanya mempunyai warna yang berbeda. Umumnya adalah warna biru.

Untuk diketahui sintaks link adalah :

link

 

Keterangan :

  • Tag untuk link adalah <a href=”url website/halaman (alamat website)”>…………..</a>
  • Pada tanda petik, silahkan masukkan url website atau halaman yang ingin di-link-an
  • Kemudian pada setelah kurung siku (>) isikan nama dari websitenya atau halamannya.
  • Contoh : <a href=”https://webharian.wordpress.com”>Web Harian</a>. Disini nanti yang akan muncul hanyalah tulisan Web Harian , Dimana apabila di klik pada tulisan tersebut akan langsung membuka website Web Harian.

 

  • Image (Gambar)

 

Gambar adalah hal yang umum didalam sebuah website. Bahkan dalam website berita mempunyai banyak gambar untuk setiap berita. Tag HTML untuk gambar sendiri adalah <img>. Berikut lengkapnya :

gambar

Keterangan :

  • Pada tanda petik isikan alamat url dari gambar yang ingin kita tampilkan.
  • Pada tag <img> memang tidak mempunyai closing tag seperti pada umumnya tag-tag html yang lainnya
  • Contoh : <img src=”logo-facebook.jpg”>. Maka yang terjadi otomatis menampilkan logo facebook.

 

  • Heading

Heading sendiri biasanya digunakan untuk menekankan informasi apa yang ingin diberikan. Biasanya pada judul suatu berita digunakan heading 1. Dengan penambahan heading maka akan semakin mudah seseorang mencari informasi dalam sebuah website karena sudah terstruktur. Nilai heading sendiri mulai dari 1 sampai 6. Berikut tag heading.

heading

Keterangan :

  • Disebutkan disintaks tersebut adalah h1 berarti bermakna heading 1. kemudian berlanjut terus <h2>,<h3>,<h4>,<h5>,<h6>
  • Semakin besar nilai heading maka semakin kecil tulisan yang ditulisnya.

Sekian pembelajaran HTML kali ini. Dengan ringkasan tag <a> adalah tag hyperlink yang akan menuju ke halaman/website tertentu. Kemudian gambar sendiri menggunakan tag <img> dan yang terakhir, tag <h> digunakan untuk membuat heading. Semoga bermanfaat. 😀

 

 

Iklan

Penulis: Web Harian

Pencinta dunia web design dan web development

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s