Assalamualaikum..
Untuk menjadi blogger yang expert tentu saja kita juga harus belajar bagaimana mendesain dan mengoptimalkan blog yang kita miliki. Untuk itu HTML yang menjadi bahasa dalam pengoperasian blog menjadi hal yang penting untuk kita pelajari. Nah, Kali ini saya akan share mengenai beberapa struktur kode dasar yang cukup sering penggunaannya, walaupun mendasar namun bila bisa kita optimalkan maka akan memberikan manfaat yang besar bagi kita.
1. Heading.
Heading didefinisikan mulai dari <h1> sampai <h6>. Namun jangan terbalik, <h1> justru memiliki ukuran yang terbesar, berkebalikan dengan nilainya dengan hitung - hitungan matematika :D
Langsung saja dari pada bingung ini dia contohnya :
<h1>Contoh h1</h1>Hasilnya : Contoh h1
<h2>Contoh h2</h2>Hasilnya : Contoh h2
dan seterusnya hingga h6 yang memiliki ukuran paling kecil..
2. Paragraf
Untuk membuat paragraf kita bisa menggunakan kode berikut ini :
<p>Isi paragraf disini</p>Langsung saja contohnya :
<p>Ini adalah sebuah paragraf</p>Hasilnya :
<p>Ini adalah paragraf lainnya</p>
Ini adalah sebuah paragraf3. Link
Ini adalah paragraf lainnya
Terkadang kita perlu untuk membuat / menambahkan suatu link untuk berbagai keperluan. Caranya denga kode berikut :
<a href="alamat URL disini">Text yang ditampilkan pada link</a>Contohnya :
<a href="http://ourreference.blogspot.com">Blog mas IRFAN</a>Hasilnya: Blog mas IRFAN
4. Gambar
Untuk menyisipkan gambar bisa dengan kode berikut ini :
<img src="alamat URL gambar" width="Lebar gambar" height="Tinggi gambar" />Contoh :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Lg4oTtkbUTdAhZBKzUiiro0uq9PUZj4avub9ACwXEFE8-zJ8pP1YcN1xBiRTqgA1F9xvSHT8HZY-XpeQIgoSiDFISTemQQkjcNNJzS81K2TKPNa_xMVjw6V8a9lmd-Gvg3hC8IUhjvs/s1600/header+blog+copy.png" width="400" height="150" />Hasilnya :
Demikian tadi beberapa struktur kode dasar HTML.. semoga dapat membantu :)
Regards,
Irfan
Berlangganan Artikel Referensi Kita
Post a Comment