Cari Artikel

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Tuesday, 17 July 2012

Belajar HTML (Tag Subscript dan Superscript )

Tag Superscript digunakan untuk menaikkan teks dari ukuran normalnya. Biasanya digunakan untuk menuliskan derajat, pangkat, kwadrat atau yang lainnya. Tag yang digunakan <sup></sup>.
Selanjutnya......

Friday, 13 July 2012

Belajar HTML (Part 1)

World Wide Web (WWW)

World Wide Web (WWW) atau yang sering kita sebut web saja merupakan sumber data yang dapat di akses oleh semua orang yang terhubung ke jaringan internet. Tiga komponen penting dari World Wide Web adalah :
Selanjutnya......

Wednesday, 15 April 2009

CARA POSTING KODE HTML

Sering kali terutama posting yang membahas masalah tutorial kita harus memasukkan kode-kode HTML di dalam posting. Jika kita tulis kode HTML apa adanya yang akan muncul adalah hasil dari kode tersebut. Untuk itu sebelum kita posting kode tersebut harus kita rubah dahulu. Cara manualnya adalah dengan mengganti kode-kode yang akan diterjemahkan oleh browser yang kita pakai.
Contohnya :

< diganti dengan &lt;
> diganti dengan &gt;
" diganti dengan &quot;
dll.

Untuk kode yang sederhana mungkin kita bisa melakukannya, tapi untuk kode-kode HTML yang banyak rasanya sangat membosankan sekali.
Cara yang paling mudah adalah :

1. Menggunakan TOOL Encode HTML, Banyak situs yang menyediakan tool tersebut diantaranya :

- http://centricle.com/tools/html-entities/
- http://www.eblogtemplates.com/blogger-ad-code-converter/
- http://www.blogcrowds.com/resources/parse_html.php

Kita tinggal masukkan kode HTML yang akan di posting dan klik Encode, dalam sesaat akan jadi kode yang siap untuk diposting.

Contohnya kode :

<a href="ymsgr:sendIM?id_YM">
<img border=0 src="http://opi.yahoo.com/online?u=id_YM&m=g&t=1" /></a>

Untuk tampil diposting kodenya adalah :

&lt;a href=&quot;ymsgr:sendIM?id_YM&quot;&gt;
&lt;img border=0 src=&quot;http://opi.yahoo.com/online?u=id_YM&amp;m=g&amp;t=1&quot; /&gt;&lt;/a&gt;

2. Menggunakan text area :
Caranya seperti dibawah ini.

<textarea rows="5" cols="30"> <a href="ymsgr:sendIM?id_YM"> <img border=0 src="http://opi.yahoo.com/online?u=id_YM&m=g&t=1" /></a> </textarea>

akan tampak seperti :

Baca juga : KODE WARNA HTML

Selanjutnya......