Posts

Showing posts with the label HTML XML dan XHTML

Redirect menggunakan meta refresh tag

By Anonymous -
Meta refresh redirect adalah suatu cara untuk redirect (mengalihkan) pengunjung secara otomatis dari satu halaman web ke halaman web lainnya menggunakan tag meta http-equiv yang anda sisipkan di bagian header sebuah dokumen HTML . Berikut cara menggunakannya: Pertama- tama, buat folder dan namakan folder tersebut apa saja yang anda suka. Nama folder tersebut akan menjadi bagian link yang akan anda gunakan untuk redirect. Jadi jika nama folder tersebut �melati� maka link redirectnya akan menjadi www.domainanda.com/melati. Selanjutnya buat file html (anda bisa menggunakan notepad) dan letakkan kode script dibawah ini dan simpan dalam bentuk index.html. Ganti tulisan �URL anda� dengan URL yang ingin anda redirect pada script tersebut. Simpan filenya ke dalam folder yang barusan anda buat. <html><head><meta http-equiv="refresh" content="0; url= URL anda "></head><body></body></html> Upload folder tersebut ke account hosting anda...
Post a Comment
Read more

Perbedaan HTML dan XHTML

By Anonymous -
XHTML singkatan dari Extensible HyperText Markup Language, adalah versi HTML yang lebih disiplin, ketat dan stabil. XHTML adalah kombinasi antara HTML dan XML (Extensible Markup Language). XML diciptakan untuk menjelaskan data, sedangkan HTML diciptakan untuk menampilkan data. HTML (bahasa asli World Wide Web) secara pesat digantikan oleh XHTML. Keduanya sebenarnya hampir sama dikarenakan XHTML adalah warisan atau berasal dari HTML yang dirancang untuk menyesuaikan standar XML. Hanya ada beberapa perbedaan kecil antara kedua bahasa markup ini, bisa dikatakan bahwa XHTML adalah generasi baru HTML. Salah satu keunggulan yang dimiliki XHTML adalah dapat digunakan pada perangkat non �komputer� seperti ponsel dan semacamnya. Semua elemen dan attribute pada dokumen XHTML harus diketik dalam huruf kecil (ini tidak perlu pada HTML). Semua tag pembuka harus ditutup dengan tag penutup, di HTML banyak tag- tag pembuka dibiarkan terbuka tanpa menutupnya namun tidak terjadi error bila dibuka pada b...
Post a Comment
Read more

Asal usul HTML dan CSS

By Anonymous -
HTML digunakan untuk membuat struktur konten, sedangkan CSS digunakan untuk mem-format konten yang telah terstruktur. Dahulu,ketika Tim Berners Lee menciptakan World Wide Web (www), hanya bahasa HTML yang digunakan untuk membuat struktur pada teks. Penulis menandai teks mereka dengan menyatakan �ini adalah headline� atau �ini adalah paragraph� dengan menggunakan tag html seperti <h1> dan <p>. Seiring menanjaknya kepopularitasan Web, para designer mulai mencari cara untuk mengembangkan layout pada dokumen online. Untuk mengabulkan niatnya, para produser browser (waktu itu Netscape dan Microsoft) menciptakan tag html baru seperti <font> yang berbeda pada tag html asli atau original pada waktu itu untuk mendefinisikan tata letak dan bukan struktur. Hal ini juga membawa situasi dimana struktur tag asli seperti <table> makin disalah-gunakan pada layout halaman web selain digunakan untuk membangun struktur pada teks. Banyak tag layout baru seperti <blink> hanya ...
Post a Comment
Read more

Colspan dan Rowspan di Table HTML

By Anonymous -
Bagian 1: HTML | Bagian 2: HTML Attribute | Bagian 3: Table HTML | Bagian 4: Colspan dan Rowspan Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari �column span� yang bisa mengartikan sebagai �berapa kotak kesamping� sedangkan rowspan mengartikan �berapa kotak kebawah�. Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur �value�nya berapa kotak yang akan di span. Berikut saya kasih contohnya: <table border="1"> <tr> <td colspan="5" >Gabungan Kotak 1-5</td> </tr> <tr> <td>Kotak 1</td> <td>Kotak 2</td> <td>Kotak 3</td> <td>Kotak 4</td> <td>Kotak 5</td> </tr> </table> dan hasilnya akan menjadi seperti ini: Gabungan kotak 1-5 Kotak 1 Kotak 2 Kotak 3 Kotak 4 Kotak 5 Dengan m...
Post a Comment
Read more

Membuat Table dengan kode HTML

By Anonymous -
Image
Bagian 1: HTML | Bagian 2: HTML Attribute | Bagian 3: Table HTML | Bagian 4: Colspan dan Rowspan Table dibuat dengan table tag (<tag>). Table terbuat dari baris (<tr>) dan kolom (<td>). Tr artinya table row dan td artinya table data. Untuk mulai membuat table anda perlu table tag pembuka yaitu <table> dan untuk mengakhiri anda tutup dengan table tag penutup yaitu </table>. Untuk memulai membuat baris table horizontal anda perlu tag pembuka <tr> dan setelah memasukkan beberapa kolom anda perlu menutupnya kembali dengan tag penutup </tr>. Untuk memulai membuat kolom table, seperti biasa anda juga memerlukan tag pembuka <td> dan setelah memasukkan data- data anda perlu menutupnya kembali dengan tag penutup </td>. Jika hendak membuat kolom baru lagi dalam satu baris, anda tinggal ulang langkah cara membuat kolom yang sudah dijelaskan diatas sebelum menutupnya dengan tag penutup baris yaitu </tr>. Berikut anda bisa lihat contohny...
Post a Comment
Read more

Apa itu attributes dalam dunia HTML

By Anonymous -
Bagian 1: HTML | Bagian 2: HTML Attribute | Bagian 3: Table HTML | Bagian 4: Colspan dan Rowspan Apa itu attribute dalam dunia HTML? Attribute adalah perintah tambahan terhadap elemen yang ditulis setelah tag pembuka dan biasanya berupa sepasang nama/value seperti: name=�value�. Value tersebut biasanya terdapat diantara tanda kutip. Berikut contoh- contoh attribute: <h3 style="background-color:red;"> </h3> Text H3 dengan background warna merah. <body style="background-color:green;"> Membuat warna background hijau. <FONT COLOR="Lime"> </FONT> Merubah warna font menjadi "lime". <FONT SIZE=5> </FONT> Menyetel ukuran font. <A HREF="URL"> </A> Membuat link ke halaman Web lain. <a href="page2.htm"> </a> Untuk nge-link ke halaman Web lain pada website yang sama. <a href="Subfolder/page2.htm"> </a> Untuk ngelink ke halaman Web lain dalam subfolde...
Post a Comment
Read more

Apa itu HTML dan cara menggunakannya

By Anonymous -
Image
Bagian 1: HTML | Bagian 2: HTML Attribute | Bagian 3: Table HTML | Bagian 4: Colspan dan Rowspan HTML singkatan dari Hyper Text Markup Language, merupakan bahasa komputer yang ditulis pada suatu halaman file untuk memberitahu browser anda bagaimana sebuah halaman hendak ditampilkan. HTML adalah bahasa yang digunakan untuk memberitahu browser bagaimana untuk menampilkan suatu halaman sesuai dengan yang kita inginkan, seperti posisi, ukuran, warna dan lain- lain. Bahasa tersebut terdiri dari berbagai kode- kode yang masing- masing memiliki fungsi dan tugasnya masing- masing. Ketika anda melihat sebuah halaman di browser komputer anda, yang anda lihat sebenarnya adalah penerjemahan perintah HTML yang dilakukan oleh browser anda dari sebuah halaman. Anda bisa melihat kode- kode HTML apa saja yang terdapat pada sebuah halaman di internet dengan meng-klik �View� dan setelah itu pilih �Source� diatas kiri browser anda, jika anda menggunakan Firefox anda bisa tekan Ctrl + U pada keyboard an...
Post a Comment
Read more

Apa itu Link Dofollow dan Nofollow

By Anonymous -
Image
Salah satu hal yang paling basic dan yang paling penting untuk diketahui oleh para webmaster, internet marketer dan blogger adalah mengetahui tentang perbedaan antara link Dofollow dan Nofollow. Untuk para pejuang SEO maka tentunya sudah banyak yang tau, tetapi bagi yang belum tau jangan khawatir, saya akan membahasnya disini. Bagi yang suka mengorbankan waktunya melakukan blog commenting atau menanam backlink pada situs atau blog lain menuju ke blog atau situs anda, maka salah satu hal yang perlu diketahui adalah apakah link-link yang anda tanam itu merupakan Dofollow atau Nofollow. Jika link tersebut di tag sebagai link Nofollow maka kerjaan anda akan sia-sia karena Google tidak akan memberi kredit pada tiap backlink yang anda pasang. Jadi, apakah yang dimaksud dengan Nofollow itu? Nofollow adalah attribute HTML yang kita pasang pada hyperlink untuk memberitahu Google untuk tidak membagikan nilai pagerank ke situs yang di-link. Dengan kata lain Nofollow adalah bahasa HTML untuk meng...
Post a Comment
Read more

Panduan dasar Google Webmaster Tools

By Anonymous -
Blogger, online marketer dan pemilik situs selalu memerlukan informasi lebih lanjut berkaitan dengan bagaimana search engine melihat situs mereka. Google Webmaster Tools menyediakan layanan gratis dan dukungan bagi mereka yang mencari untuk meningkatkan visibilitas situs, mendiagnosa kesalahan dan menyatakan preferensi tentang bagaimana menangani situs web listing. Anda juga dapat memperoleh informasi ini diforward ke alamat email anda. Setelah anda login ke Google Webmaster Tools, anda harus klik pada tombol "Add a Site". Masukkan URL situs anda dan klik Continue. Sebelum mulai menggunakan layanan ini lebih lanjut, anda perlu melakukan 'verifikasi situs' untuk memberitahu Google bahwa situs yang anda cantumkan adalah benar-benar milik anda, sehingga anda dapat melihat informasi lebih lanjut. Anda dapat memverifikasi situs anda dengan menyisipkan sebuah tag META yang diberikan oleh Google Webmaster Tools pada bagian HEAD situs anda (diletakkan sebelum tag penutup head...
Post a Comment
Read more

Membuat gambar tidak bisa diklik

By Anonymous -
Image
Jika anda sering upload gambar atau foto ke blog terutama Blogspot, secara default gambar tersebut akan dapat diklik dengan tujuan untuk memperbesar gambar, mengetahui alamat url image tersebut atau lain lainnya. Namun dengan alasan tertentu para webmaster atau blogger lebih memilih gambar tersebut tidak dapat diklik dan biarkan seperti itu saja. Untungnya dalam hal ini terdapat sedikit hack untuk mengatasi masalah ini, berikut caranya: Setelah upload foto atau gambar ke blog, edit postingan anda ke mode HTML dan cari kode image yang diberikan secara otomatis setiap kali anda meng-upload gambar. Kodenya akan terlihat seperti di bawah ini: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLdfFCaYpBi5qYNEHR4TxE_81neAvkuPjzdwyZIq6DWbIFInYD5ePYzxWdwFe6Mp0QtamrO3MXwy72jVI7P7IdKbakL01U1xT1kc_F2RRWlkj2u_K_h2an_WnhlGGU-WAQ-ChXVZIZjst8/s1600/cara+membuat+gambar+supaya+tidak+bisa+diklik.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em...
Post a Comment
Read more