Posts

Showing posts from February, 2018

3 Cara Melihat Alamat IP Pada Komputer dan Laptop Windows

Image
Tahukah Anda, ketika komputer atau laptop Anda terhubung dengan jaringan maupun internet, maka komputer tersebut akan mendapatkan IP Adress atau alamat IP.

Alamat IP merupakan sebuah deretan angka atau nomor yang digunakan untuk mengidentifikasi komputer, server atau perangkat lain dalam satu jaringan internal maupun jaringan eksternal seperti koneksi internet berbasis TCP/IP.

Banyak sekali cara yang digunakan untuk melihat alamat IP, mulai dari menggunakan aplikasi pihak ketiga sampai melalui website. Namun pada artikel kali ini, Saya hanya membagikan 3 cara saja, tanpa menggunakan aplikasi pihak ketiga ataupun melalui website. Perlu diketahui pada artikel kali ini Saya menggunakan laptop dengan sistem operasi Windows 10, mungkin cara yang Saya bagikan akan berbeda dengan Windows versi sebelumnya.
1. Melihat Alamat IP Melalui Command Prompt Tekan tombol kombinasi Win + R untuk membuka kotak dialog Run, lalu ketikan cmd atau cmd.exe dan kemudian klik tombol OK atau langsung tekan tomb…

Cara Membuat Struktur Halaman Website Dengan Semantic Tag Dari HTML5

Image
Pada artikel kali ini kita akan mempelajari tentang  Cara Membuat Struktur Halaman Website Dengan Menggunakan Semantic Tag Dari HTML5.
Membuat Struktur Halaman Website Dengan Tag <div> Sebelum era HTML5, web developer biasanya menggunakan tag <div> dengan atribut id atau class untuk memisahkan bagian-bagian struktur halaman website, seperti bagian header, menu, article, sidebar dan footer. Berikut ini adalah gambar sederhana struktur halaman website :

Untuk membuat struktur halaman website diatas, berikut ini adalah kode HTML-nya :
<!DOCTYPE html> <html> <head>     <meta charset="UTF-8" />     <title>Judul Website</title> </head> <body>     <div id="header">         <img src="logo_website.png" />         <h1>Judul Website</h1>         <p>Deskripsi website</p>         <div id="menu">             <ul>                 <li><a href=&quo…

Pengertian Semantic Tag Pada HTML

Pada artikel kali ini kita akan mempelajari tentang Pengertian Semantic Tag Pada HTML.
Pengertian Semantic Tag Pada HTMLSemantic tag atau semantic markup adalah sebutan untuk tag HTML yang memiliki 'arti' atau 'makna'. Kata semantic berasal dari bahasa Yunani yang artinya 'mempelajari arti' (the study of meaning).

Seperti yang kita ketahui setiap tag HTML memiliki 'arti' masing-masing, misalnya saja tag <p> untuk membuat paragraf, tag <h1> untuk membuat judul dan lain-lainnya. Semua tag HTML yang memiliki 'arti' termasuk ke dalam semantic tag.

Sedangkan tag seperti <div> dan <span> yang tidak memiliki 'arti apa-apa' sering kita gunakan untuk membuat struktur halaman website. Jika Anda pernah atau sering membuat halaman website, maka tag <div> lah yang kemungkinan akan sering kamu gunakan untuk membuat struktur halaman website.

Biasanya untuk membuat bagian header kita menggunakan tag <div id="header&…

Penggunaan dan Penulisan Meta Tag Charset UTF-8 Pada HTML5

Pada artikel sebelumnya Saya sudah mempelajari tentang Penggunaan dan Penulisan Meta Tag Dalam HTML. Pada artikel kali ini kita akan mempelajari tentang Penggunaan dan Penulisan Meta Tag Charset UTF-8 Pada HTML5.
Penggunaan Meta Tag Charset UTF-8 Pada HTML Meta tag charset bukan ditunjukkan kepada mesin pencari, tetapi lebih ditunjukkan kepada web browser, karena meta tag charset ini digunakan untuk memberi perintah kepada web browser untuk menerjemahkan karakter yang ada pada halaman tersebut.
Sejarah Meta Tag Charset Pada HTMLCharset (karakter set) digunakan untuk menerjemahkan bit-bit dalam halaman HTML menjadi sebuah karakter, karakter set paling sederhana dan juga paling awal digunakan adalah karakter set ASCII. Karakter set ini terbatas pada huruf latin (a-z, A-Z) dan beberapa karakter lainnya, seperti angka, spasi, tab dan lain-lainnya dengan jumlah total 128 karakter.

Karakter set ASCII kemudian dikembangkan menjadi karakter set ANSI atau dikenal juga dengan ISO-8859-1. Karakt…

Penggunaan dan Penulisan DOCTYPE Untuk HTML5

Pada artikel kali ini kita akan mempelajari tentang Penggunaan dan Penulisan DOCTYPE Untuk HTML5.
Penggunaan DOCTYPE Untuk HTMLDOCTYPE merupakan singkatan dari Document Type Declaration (DTD) yang digunakan untuk memberitahu web browser versi dari HTML yang sedang di prosesnya.

Penulisan doctype berasal dari bahasa SMGL dan XML, keduanya termasuk bahasa markup, di mana HTML dan XHTML dikembangkan. Berikut ini contoh penulisan doctype untuk HTML versi 4.01 strict :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Perhatikan pada contoh kode diatas, bahwa penulisan doctype mencantumkan versi dari HTML, yaitu HTML 4.01//EN kemudian diikuti dengan alamat aturan doctype tersebut berasal, dalam contoh kode di atas alamatnya adalah http://www.w3.org/TR/html4/strict.dtd.

Penulisan doctype untuk versi XHTML, seperti berikut ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/…

Perbedaan HTML5 Dengan HTML Versi Sebelumnya

Pada artikel kali ini kita akan mempelajari tentang Perbedaan HTML5 Dengan HTML Versi Sebelumnya.
Awal Mula HTML5 HTML diciptakan oleh W3C (Word Wide Web Consortium) pada tahun 1997, namun pada tahun 1999 perkembangan HTML terhenti pada versi 4.01. Kemudian W3C lebih memilih untuk mengembangkan XHTML, namun perkembangan XHTML mengalami jalan buntu pada versi 2.0 dan tidak kunjung rampung. Beberapa programmer web membuat sebuah badan independen yang disebut dengan WHATWG (WHAT Working Group).

WHATWG dibentuk bukan menjadi pesaing W3C, melainkan sebagai badan organisasi yang ingin melanjutkan perkembangan HTML 4.01 yang untuk selanjutnya akan diserahkan kepada W3C. WHATWG melakukan voting dan sepakat untuk menamai kelanjutan dari HTML 4.01 dengan HTML5 (tanpa spasi).

W3C menyadari bahwa XHTML 2.0 yang mereka kembangkan mengalami jalan buntu dan tak kunjung rampung. Melihat banyaknya web browser beralih menggunakan HTML5 yang dikembangkan oleh WHATWG. W3C kemudian membentuk HTML Working …

Tag-tag Yang Tidak Disarankan Lagi Untuk Digunakan (Deprecated) Pada HTML5

Image
Pada artikel kali ini kita akan membahas tentang Tag-tag Yang Tidak Disarankan Lagi Untuk Digunakan (Deprecated) Pada HTML5.
Pengertian Tag Deprecated Pada HTML Ada beberapa tag HTML yang sudah berstatus deprecated yang artinya tidak disarankan lagi untuk digunakan, tag yang sudah berstatus deprecated umumnya digunakan mengatur tampilan website sebelum CSS hadir.

Setelah CSS hadir, maka disarankan untuk memisahkan bagian struktur website dengan tampilan website. Hal-hal yang berhubungan dengan tampilan website sebaiknya menggunakan CSS dan tidak dilakukan lagi dari tag HTML. Tentu hal ini akan memudahkan kita untuk membuat halaman website dan jika suatu saat kita ingin merubah tampilan website, maka kita hanya tinggal mengubah kode CSS-nya saja.

Hadirnya HTML5, membuat tag-tag yang tidak sesuai dengan spesifikasi HTML5 menyandang status deprecated. Namun ada beberapa tag pada era XHTML, yang sebelumnya berstatus deprecated digunakan lagi pada HTML5, seperti tag <i> dan <b>…

20 Template Blogger SEO Friendly dan Responsive Gratis

Image
Pada artikel kali ini Saya akan membagikan 20 template untuk platform blogger atau blogspot, yang tentu saja template yang Saya bagikan ini gratis. Walaupun gratis template yang saya bagikan ini termasuk SEO Friendly dan Responsive yang tidak kalah dengan template premium (baca juga: 4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis).

Pemilihan template haruslah sesuai dengan isi dari blog Anda dan tentunya SEO Friendly. Mengapa kita harus menggunakan template yang SEO Friendly? ini supaya artikel mudah untuk terindeks oleh mesin pencari, seperti Google ataupun Bing. Selain itu template blog haruslah Responsive, supaya pengunjung dapat mengakses website Anda pada layar perangkat apa saja, seperti smartphone yang memiliki layar kecil ataupun PC yang memiliki layar besar.

Template yang Saya bagikan kali ini bukan template buatan Saya, melainkan template orang lain yang Saya ambil untuk dibagikan pada artikel kali ini dan Saya harap untuk tidak menghapus link credit pada …