Otak atik kode html di wordpress


Kode HTML? Semua blogger pasti sudah tahu apa itu HTML, HTML merupakan kepanjangan dari HyperText Markup Language yang berarti bahasa pemrograman. Di wordpress, kode HTML ini sudah tersedia dan kita sebagai pengguna cukup dipermudah dalam menggunakan kode yang digunakan untuk memasang widget ini.

Di wordpress sendiri, untuk memasang HTML ini terdapat pada Tampilan > Widget > Teks

Kode HTML, pada umumnya memiliki 3 bagian, yaitu awalan, body, dan akhiran.

Contoh :Kode HTML adalah :

<img title=”indonesia_flag__independence_by_mikzack” alt=”” src=”http://pressdesain.files.wordpress.com/2012/11/indonesia_flag__independence_by_mikzack2.jpg?w=410&#8243; height=”59″ width=”410″ />

Nah, mari kita identifikasi kode HTML berikut.

Awalan

Awalan pada kode HTML biasanya diawali dengan <img , <div> , <a> , <strong> dan sebagainya, tergantung fungsi masing-masing kode. Seperti, misalnya kode <strong> berfungsi sebagai mencetak tulisan tebal. Menjadi, <strong>ABC</strong>

Awalan dari kode ini adalah <img kode ini berfungsi untuk menampilkan gambar, jadi jika anda melihat ada gambar pada suatu artikel, kode ini-lah yang membentuknya.

Body

Body atau kode intinya adalah title=”indonesia_flag__independence_by_mikzack” alt=”” src=”http://pressdesain.files.wordpress.com/2012/11/indonesia_flag__independence_by_mikzack2.jpg?w=410&#8243; height=”59″ width=”410″

Kode-kodenya terdiri dari beberapa fungsi, ada title, src, height dan width

Untuk title, fungsinya adalah menampilkan judul gambar, untuk src adalah sumber gambar atau link lokasi gambar berada, height adalah tinggi ukuran gambar dan width adalah lebar ukuran gambar. Untuk yang berhubungan dengan angka, ukuran menggunakan satuan pixel (px)

Akhiran

Akhirannya adalah />

Sehingga, dapat ditentukan rumus umum dari kode gambar sebagai berikut :

<img title=”JUDUL GAMBAR” alt=”” src=”LINK GAMBAR/LOKASI GAMBAR” height=”UKURAN TINGGI” width=”UKURAN LEBAR” />

One thought on “Otak atik kode html di wordpress

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