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

Kumpulan Website Untuk Belajar Web Design ataupun Web Development

Sekolah Koding 

sekolahkoding

Disini disediakan lebih dari 400 tutorial yang tentunya dari pemula sampai mahir. Dengan media yang digunakan adalah video tentunya lebih memudahkan para pemula untuk belajar. Dalam video video yang disediakan tidak hanya berfokus pada web design dan development saja. Ada kelas java, phyton, dan masih banyak lagi. Serbu kelasnya.

 

Belajar Koding

belajarkoding

Di situs ini disediakan artikel dan video mengenai web design maupun web development. Mulai dari dasar penggunaan html dan css sampai tutorial lain seperti java dan android. Dan ada juga tutorial premium, tentunya yang ini berbayar. Namun, dengan menggunakan tutorial premium bisa belajar dengan cara terstruktur dan tidak kebingungan lagi.

 

Belajar Web Design

belajarwebdesign

Di situs ini disediakan banyak artikel mengenai web design dan development. Dan serunya dalam website ini disediakan juga artikel mengenai asset dalam web design yang tentunya bisa di download.

 

Males Cast

malescast

Dalam situs ini disediakan tutorial mengenai php dan penggunaan framework laravel. Tentunya dalam bentuk video yang akan memudahkan kita dalam belajar web development. Video-video yang adapun sudah tersusun dan tentunya memudahkan kita belajar web development dari  dasar sampai mahir.

 

Tutorial Web Design

tutorialwebdesign

Dalam situs ini disediakan banyak sekali artikel mengenai web design dan web development. Mulai dari artikel mengenai HTML, CSS, Javascript dan masih banyak lainnya. Dan ada juga asset dan ebook yang bisa didownload sehingga memudahkan kita dalam belajar.

 

Itu adalah kumpulan dari website mana saja yang  memberikan tutorial mengenai web design dan web development yang mungkin bisa memudahkan kita dalam belajar. Selamat belajar. 😀