Dapet gems gratis coc update terbaru apk download

Cara mendapat gems Clash of Clans gratis memang beragam. Selain dengan terus bermain dan memenangkan permainan, cara lain mendapat gems CoC gratis terbaru adalah dengan memanfaatkan aplikasi penghasil dolar terbaik untuk Android.</p><p style="text-align: justify;">Seperti diketahui, <a href="http://androidbaru.info/games/clash-of-clans-terbaru.html" target="_blank">game Clash of Clans</a> paling banyak dimainkan di perangkat Android. Dengan begitu, artinya akan banyak pengguna yang bisa mengikuti trik mendapat banyak gems gratis untuk game CoC ini.</p><p style="text-align: justify;">Langsung ke <strong>cara mendapat kupon hadiah gems Clash of Clans gratis terbaru</strong> yang selalu update kapan saja semau Anda, di bawah ini rincian langkah mudahnya:</p><p style="text-align: justify;">Pertama silakan unduh aplikasi bernama <a href="http://androidbaru.info/tutorial/daftar-whaff-rewards.html" target="_blank">Whaff Rewards</a> dari <a href="http://androidbaru.info/download/?id=com.whaff.whaffapp" target="_blank">Play Store</a>. Atau <a href="http://androidbaru.info/apps/download-whaff-rewards-new-apk.html" target="_blank">download apk Whaff</a> jika di PlayStore tidak ada. Selama proses pengunduhan dan instalasi, jangan tutup halaman ini, karena Anda harus ikuti tahap demi tahapnya hingga gems didapat.</p><div style="width: 361px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/whaff-1-install.jpg" alt="Instal WHAFF di Android Dapat Uang Dolar Gratis" width="351" height="299" /><p class="wp-caption-text">Instal WHAFF di Android Dapat Uang Dolar Gratis</p></div><p style="text-align: justify;">Sekarang jalankan WHAFF yang telah terinstal. Masuk atau login dengan akun <a href="http://androidbaru.info/apps/facebook-lite-terbaru.html" target="_blank">Facebook</a> yang Anda miliki.</p><p style="text-align: justify;"><strong>Masukkan kode undangan atau invitation code dengan kode khusus ini: <span style="color: #ff0000;">AY69376</span></strong></p><div style="width: 359px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/whaff-2-invitation" alt="WHAFF Premium Member Invitation Code Free Dollar" width="349" height="297" /><p class="wp-caption-text">WHAFF Premium Member Invitation Code Free Dollar</p></div><p style="text-align: justify;">Kode undangan khusus di atas adalah milik saya pribadi sebagai <strong>premium member</strong>. Dengan gunakan kode <strong>AY69376</strong>, maka Anda resmi juga menjadi anggota resmi WHAFF dan langsung mendapat saldo dolar sebesar <span style="color: #ff0000;"><strong>$0,30 gratis untuk Anda</strong></span>. Lihatlah di pojok kanan-atas, saldo 0,30 dollar langsung masuk.</p><blockquote><p><span style="color: #ff0000;"><strong>TIPS !</strong></span><br />Setelah menjadi anggota WHAFF, anda bisa mempromosikan kode undangan milik anda sendiri, yaitu cari di bagian: <strong>WHAFF &gt; Undang Teman &gt; [kode anda]</strong>. Dengan menggunakan kode sendiri, anda bisa mendapat imbalan <strong>$0,30</strong> setiap ada orang yang gabung ke WHAFF dengan <span style="text-decoration: underline;">kode undangan anda</span>. Lumayan, jangan sia-siakan fitur ini 😉</p></blockquote><p style="text-align: justify;">Untuk menambah saldo dolar di WHAFF dengan cepat, buka PREMIUM PICKS dan WHAFF PICKS setiap hari dan download semua aplikasi dan game yang ada. Lalu, jalankan semua aplikasi dan game yang sudah di-download. Dengan begitu Anda akan memperoleh hingga puluhan dolar dengan cepat.</p><p style="text-align: justify;">Trik cepat mendapat dolar WHAFF lainnya adalah hanya dengan selalu membuka WHAFF tiap hari, lalu tekan tombol KEHADIRAN yang tersedia. Anda akan mendapatkan dolar gratis juga.</p><p style="text-align: justify;">Setelah beberapa hari saja, saya yakin Anda sudah bisa mengumpulkan dolar WHAFF sedikitnya $12. Setelah mencapai saldo $12 Anda sudah bisa membeli Google Play gift card memakai saldo WHAFF, tanpa kartu kredit/debit, tanpa PayPal, tanpa potong pulsa, dll.</p><p style="text-align: justify;"><strong>Cara menukar saldo WHAFF menjadi kartu hadiah Google Play Store gratis:</strong></p><p style="text-align: justify;">Di WHAFF, pilih opsi &#8216;Pembayaran&#8217; &gt; &#8216;Google Play Gift Cards&#8217; &gt; $12 dan tap tombol &#8216;Permintaan&#8217;.</p><p style="text-align: justify;"><img class="aligncenter wp-image-1044" src="http://androidbaru.info/wp-content/uploads/2015/04/whaff-4-pembayaran-google-play.jpg" alt="Free Google Play Store Gift Card" width="348" height="270" /></p><p style="text-align: justify;">Tap OK atau YES saat muncul peringatan bahwa kupon kode itu untuk wilayah Amerika Serikat (US).</p><p style="text-align: justify;"><img class="aligncenter wp-image-1045" src="http://androidbaru.info/wp-content/uploads/2015/04/whaff-5-kupon-kode.jpg" alt="Kupon Kode Kartu Hadiah Saldo Play Store Gratis Terbaru" width="346" height="267" /></p><p style="text-align: justify;">Anda mungkin butuh waktu 2-24 jam untuk mendapat kode hadiah Play Store sebesar 10 dolar. Nah, karena kupon itu (hingga artikel ini terbit) hanya untuk area negara Amerika (US), maka Anda harus mengubah setelan alamat menjadi Amerika Serikat, tak masalah kok.</p><p style="text-align: justify;">Silakan buka tautan ke <a href="https://wallet.google.com/" target="_blank">Google Wallet</a> dan login dengan email yang dipakai untuk Play Store HP Android Anda. Anda mungkin diminta untuk menyetujui syarat dan kondisi layanan, silakan dicentang dan Setujui.</p><p style="text-align: justify;">Selanjutnya, masuk ke bagian tautan <a href="https://wallet.google.com/manage/#settings:" target="_blank">Settings</a> atau Setelan untuk mengubah negara. Klik Edit pada bagian Home Address. Untuk membantu memudahkan Anda, silakan salin alamat di bawah ini saja:</p><div style="width: 360px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/wallet-address.jpg" alt="Setelan Aman Google Wallet Google Play Gift Card" width="350" height="248" /><p class="wp-caption-text">Setelan Aman Google Wallet Google Play Gift Card</p></div><p style="text-align: justify;">Untuk menyimpan perubahan negara, klik tombol Save.</p><p style="text-align: justify;"><strong>Kemudian, berikut cara tukarkan kode kupon Google Play dari WHAFF menjadi saldo dollar akun Play Store Ndroid Anda:</strong></p><p style="text-align: justify;">Buka apl Play Store di HP Android Anda. Usap layar dari kiri ke kanan untuk membuka menu. Pilih Tukarkan atau Redeem.</p><div style="width: 249px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/google-play-redeem-1.jpg" alt="Cara Redeem Kode Kupon Hadiah Play Store" width="239" height="301" /><p class="wp-caption-text">Cara Redeem Kode Kupon Hadiah Play Store</p></div><p style="text-align: justify;">Masukkan (biasanya 20 digit) kode kupon ke kolom yang disediakan. Lalu tap tombol TUKARKAN.</p><div style="width: 249px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/google-play-redeem-2.jpg" alt="Cara Menukar Kode Kupon Hadiah Play STore" width="239" height="300" /><p class="wp-caption-text">Cara Menukar Kode Kupon Hadiah Play STore</p></div><p style="text-align: justify;">Sebelum menekan tombol KONFIRMASI silakan periksa alamat email yang tertera. Email harus sama dengan yang tadi sudah diubah negaranya ke US.</p><div style="width: 249px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/google-play-redeem-3.jpg" alt="Konfirmasi penukaran Google Play Gift Card Negara Indonesia" width="239" height="300" /><p class="wp-caption-text">Konfirmasi penukaran Google Play Gift Card Negara Indonesia</p></div><p style="text-align: justify;">Berhasil! Selamat sekarang Anda sudah punya saldo Play Store sebesar US$10 dolar Amerika Serikat.</p><div style="width: 249px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/google-play-redeem-4.jpg" alt="Gratis saldo US$10 untuk Play Store terbaru" width="239" height="299" /><p class="wp-caption-text">Gratis saldo US$10 untuk Play Store terbaru</p></div><p style="text-align: justify;"><strong>Membeli gems COC gratis pakai saldo Play Store dari WHAFF:</strong></p><div style="width: 458px" class="wp-caption aligncenter"><img class="" src="https://infoandroidbaru.files.wordpress.com/2015/04/gems-coc-gratis.png" alt="Free Gems CoC Update Latest Version" width="448" height="252" /><p class="wp-caption-text">Free Gems CoC Update Latest Version</p></div><p style="text-align: justify;">Silakan buka <a href="http://androidbaru.info/tips-trik/cara-main-clash-of-clans-menang-terus.html" target="_blank">game Clash of Clans</a> Anda, buka menu SHOP. Cari dan pilih <em><strong>Bag of Gems</strong></em> yang harga maksimalnya $10 atau anggap saja Rp 100.000.</p><p style="text-align: justify;">Anda akan dibawa ke Play Store untuk melakukan transaksi pembelian gems CoC pakai saldo gift card yang sudah ada di akun Play Store Anda. Ingat ya, saat pemilihan cara pembayaran, Anda pilih Gunakan Saldo Google Play.</p>

Apa itu Android 6 Marshmallow dan fiturnya

 Developers

 DevelopersHomeAndroidWearTVAutoDesignDevelopTrainingAPI GuidesReferenceToolsGoogle ServicesSamplesDistributeGoogle PlayEssentialsGet UsersEngage & RetainEarnAnalyzeStories

Android 6.0 Marshmallow

Get your apps ready for Android 6.0 Marshmallow! Explore what's new — runtime permissions, Doze and App Standby power-saving features, new assist technology, and more.

 Get started

ABOUT

Android 6.0 Changes

ABOUT

Android 6.0 APIs

ABOUT

Android 6.0 Samples

Resources

Essential information to help you get your apps ready for Android 6.0.

TRAINING

Requesting Permissions at Run Time

Learn about runtime permissions and how they make it easier for users to install and upgrade your apps.

TRAINING

Configuring Auto Backup for Apps

Users frequently invest time and effort to configure apps just the way they like them. Switching to a new device can cancel out all that careful configuration. Devices running Android 6.0 and higher automatically back up app data to the cloud. The system…

TRAINING

Optimizing for Doze and App Standby

Test and optimize your app for the power-saving features in Android 6.0.

TRAINING

Handling App Links

Users following web links on devices are frequently presented with confusing choices. Tapping a link often results in the system asking the user which app should handle that link. For example, clicking a URI in an email from a bank might result in a dialog…

TRAINING

Optimizing Content for the Assistant

Support contextually relevant actions through the Assist API.

TRAINING

Testing Display Performance

User interface (UI) performance testing ensures that your app not only meets its functional requirements, but that user interactions with your app are buttery smooth, running at a consistent 60 frames per second ( why 60fps? ), without any dropped or …

Less

Videos

New Android capabilities and the right way to use them in your apps.

VIDEO

The Nexus 5X, Nexus 6P and Android Marshmallow

The new Nexus 5X and Nexus 6P along with some of the most significant developer features in the latest Android release,.

VIDEO

Introduction to Doze

An overview of Doze and how to make sure that your app behaves as expected both in and out of Doze mode.

VIDEO

Asking For Permission Fine

Picking the right way and time to ask for a permission is critical to it being granted.

VIDEO

New APIs in M for Android for Work

Android M extends Android for Work functionality with a new set of APIs for Enterprise Mobility Management providers to offer new features and policy controls to IT Departments.

VIDEO

App Links

App Links is a new feature of Android Marshmallow that brings a faster way of opening website links for domains that you own.

VIDEO

Fingerprint and payments APIs

New fingerprint and payments APIs are introduced in M, to enable enhanced UX and security for online purchasing, banking, and retail payments.

VIDEO

Data Binding Library

Data Binding Library is a way to write declarative layouts and minimize the glue code necessary to bind your application logic and layouts.

VIDEO

Runtime Permissions in Android 6.0 Marshmallow

Learn how to integrate runtime permissions into your Android app.

VIDEO

Android Auto Backup for Apps

Android Backup is the automatic, cloud-based backup and restore of users’ apps when they set up a new device.

VIDEO

Introduction to Voice Interaction API

This video covers how to use the Voice Interaction API to support system or custom voice actions.

VIDEO

Android for Work: Single Use Devices

Android M is bringing the power of Android to all kinds of workplaces.

VIDEO

Android M Permissions

An introduction to Android M runtime permissions in Android M from Google I/O 2015.

VIDEO

Google I/O 2015 - What's new in Android

This session will highlight the most exciting new developer features of the Android platform.

Less

Latest

BLOG

In-app translations in Android Marshmallow

Google Translate is used by more than 500 million people every month, translating more than 100 billion words every single day.Beginning this week, Android mobile users who have the Translate app installed will be able to translate in 90 languages…

BLOG

Android 6.0 Marshmallow coming to devices soon

Starting next week, Android 6.0 Marshmallow will begin rolling out to supported Nexus devices around the world, including Nexus 5, Nexus 6, Nexus 7 (2013), Nexus 9, Nexus Player, and Android One. At the same time, we’ll be pushing the Android 6.0…

BLOG

Google Play services 8.1: Get ready for Marshmallow!

With the rollout of Google Play services 8.1 finally finished, there’s a lot of new information to share with developers about the release!Android 6.0 (Marshmallow) has introduced a new permissions model allowing users to control app permissions at…

BLOG

New Android Marshmallow sample apps

Three new Android Marshmallow sample applications have gone live this week. As usual they are available directly from the Google Samples repository on GitHub or through the Android Studio samples browser.Android Direct Share SampleDirect Share is a…

BLOG

New permissions requirements for Android TV

Android 6.0 introduces a new runtime permission model that gives users more granular control over granting permissions requested from their apps and leads to faster app installs. Users can also revoke these permissions from Settings at any point of…

BLOG

Building better apps with Runtime Permissions

Runtime permissions give your app the ability to control when and with what context you’ll ask for permissions. This means that users installing your app from Google Play will not be required to accept a list of permissions before installing your…

BLOG

Develop a sweet spot for Marshmallow: Official Android 6.0 SDK & Final M Preview

Whether you like them straight out of the bag, roasted to a golden brown exterior with a molten center, or in fluff form , who doesn’t like marshmallows? We definitely like them! Since the launch of the M Developer Preview at Google I/O in May,…

BLOG

M Developer Preview Gets Its First Update

The Developer Preview 2 update includes the up to date M release platform code, and near-final APIs for you to validate your app. To provide more testing support, we have refined the Nexus system images and emulator system images with the Android…

BLOG

Android M Developer Preview & Tools

Today at Google I/O, we announced a developer preview of the next version of Android, the M release. Last year’s developer preview was a first for Android and we received great feedback. We want to continue to give you developers early access to…

Less

Get news & tips 

Blog Support

  

Except as noted, this content is licensed under Creative Commons Attribution 2.5. For details and restrictions, see the Content License.

About Android Auto TV Wear Legal           English           Español           Bahasa Indonesia           日本語           한국어           Português Brasileiro           Русский           tiếng Việt           中文（简体)           中文（繁體)         

Apa itu html5 dan perubahan dari html sebelumnya

HTML5 Pendahuluan

Apa yang Baru di HTML5?

Deklarasi DOCTYPE untuk HTML5 sangat sederhana:

<!DOCTYPE html>

Pengkodean karakter (charset) deklarasi juga sangat sederhana:

<meta charset="UTF-8">

HTML5 Contoh:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

Pengkodean karakter default di HTML5 adalah UTF-8.

Baru HTML5 Elemen

Unsur-unsur baru yang paling menarik adalah: 

New semantik unsur-unsur seperti <header>, <footer>, <article>, dan <section>.

Bentuk baru kontrol atribut seperti nomor, tanggal, waktu, kalender, dan jangkauan.

New grafis elemen: <svg> dan <canvas>.

New multimedia elemen: <audio yang> dan <video>.

Dalam bab HTML5 Support, Anda akan belajar bagaimana "mengajar" browser lama untuk menangani HTML5 semantik.

New HTML5 API (Application Programming Interfaces)

Yang paling menarik baru API adalah:

HTML GeolocationHTML Drag dan DropHTML Penyimpanan LokalHTML Aplikasi CachePekerja Web HTMLHTML SSE

Penyimpanan lokal adalah pengganti yang kuat untuk cookies.

Elemen Dihapus di HTML5

Unsur-unsur HTML4 berikut telah dihapus dari HTML5:

ElemenMenggunakan bukan<acronym><abbr><applet><object><basefont>CSS<big>CSS<center>CSS<dir><ul><font>CSS<frame> <frameset> <noframes> <strike>CSS<tt>CSS

Dalam bab HTML5 Migrasi, Anda akan mempelajari cara mudah bermigrasi dari HTML4 ke HTML5. 

HTML Sejarah

Sejak hari-hari awal web, ada banyak versi HTML:

VersionYearTim Berners-Lee invented www1989Tim Berners-Lee invented HTML1991Dave Raggett drafted HTML+1993HTML Working Group defined HTML 2.01995W3C Recommended HTML 3.21997W3C Recommended HTML 4.011999W3C Recommended XHTML 1.02000HTML5 WHATWG First Public Draft2008HTML5 WHATWG Living Standard2012HTML5 W3C Final Recommendation2014

Tim Berners-Lee menciptakan "World Wide Web" pada tahun 1989, dan internet melepas pada 1990-an.

Dari tahun 1991 hingga 1998, HTML dikembangkan dari versi 1 ke versi 4. 

Pada tahun 2000, World Wide Web Consortium (W3C) merekomendasikan XHTML 1.0. 

XHTML sintaks adalah ketat, dan pengembang dipaksa untuk menulis sah dan "well-formed" kode.

Pada tahun 2004, WHATWG (Kelompok Kerja Teknologi Web Hypertext Application) dibentuk sebagai jawaban untuk memperlambat perkembangan W3C, dan keputusan W3C untuk menutup pengembangan HTML, mendukung XHTML.

WHATWG ingin mengembangkan HTML, konsisten dengan bagaimana web itu digunakan, sementara kompatibel dengan versi HTML.

Pada periode 2004-2006, inisiatif WHATWG mendapat dukungan oleh vendor browser utama.

Pada tahun 2006, W3C mengumumkan bahwa mereka akan mendukung WHATWG.

Pada tahun 2008, pertama HTML5 rancangan publik dirilis.

Pada 2012, WHATWG dan W3C memutuskan pemisahan:

WHATWG akan mengembangkan HTML sebagai "Living Standard".

Sebuah standar hidup tidak pernah sepenuhnya lengkap, tapi selalu diperbarui dan diperbaiki. Fitur baru dapat ditambahkan, tetapi fungsi lama tidak dapat dihapus.

The WHATWG Living Standard diterbitkan pada tahun 2012, dan terus diperbarui.

W3C akan mengembangkan HTML5 definitif dan standar XHTML5, sebagai "snapshot" dari WHATWG.

The W3C HTML5 rekomendasi dirilis Oktober 2014 28.

HTML5 didukung di semua browser modern.

Selain itu, semua browser, lama dan baru, secara otomatis menangani elemen yang belum diakui sebagai elemen inline.

Karena ini, Anda dapat "mengajar" browser lama untuk menangani "tidak diketahui" elemen HTML.

Anda bahkan bisa mengajar IE6 (Windows XP 2001) bagaimana menangani elemen HTML tidak diketahui.

Mendefinisikan HTML5 Elemen sebagai Blok Elements

HTML5 mendefinisikan delapan baru semantik elemen HTML. Semua ini adalah blok-tingkat elemen.

Untuk mengamankan perilaku yang benar di browser lama, Anda dapat mengatur CSS display properti untuk memblokir:

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

Menambahkan New Elemen untuk HTML

Anda juga dapat menambahkan elemen baru ke HTML dengan trik browser.

Contoh ini menambahkan elemen baru yang disebut <myHero> ke HTML, dan mendefinisikan gaya tampilan untuk itu:

Contoh

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
      display: block;
      background-color: #ddd;
      padding: 50px;
      font-size: 30px;
  } 
  </style> 
</head>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

<myHero>My First Hero</myHero>

</body>
</html>

Coba Sendiri »

JavaScript Pernyataan document.createElement ("myHero") ditambahkan, hanya untuk memuaskan IE.

Masalah Dengan Internet Explorer

Anda bisa menggunakan solusi yang dijelaskan di atas, untuk semua elemen HTML5 baru, namun:

Internet Explorer 8 dan sebelumnya, tidak memungkinkan styling dari unsur yang tidak diketahui.

Untungnya, Sjoerd Visscher menciptakan "JavaScript HTML5 Mengaktifkan","shiv":

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Kode di atas adalah komentar, tapi versi sebelumnya untuk IE9 akan membacanya (dan mengerti).

The Shiv Solusi Lengkap

Contoh

<!DOCTYPE html>
<html>
<head>
  <title>Styling HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>

<h1>My First Article</h1>

<article>
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
</article>

</body>
</html>

Coba Sendiri »

Link ke kode shiv harus ditempatkan dalam <head> elemen, karena Internet Explorer perlu tahu tentang semua elemen baru sebelum membaca mereka.

Sebuah HTML5 Skeleton

Contoh

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Skeleton</title>
<meta charset="utf-8">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->

<style>
body {font-family: Verdana, sans-serif; font-size:0.8em;}
header,nav, section,article,footer
{border:1px solid grey; margin:5px; padding:8px;}
nav ul {margin:0; padding:0;}
nav ul li {display:inline; margin:5px;}
</style>
</head>
<body>

<header>
  <h1>HTML5 SKeleton</h1>
</header>

<nav>
<ul>
  <li><ahref="html5_semantic_elements.asp">HTML5 Semantic</a></li>
  <li><a href="html5_geolocation.asp">HTML5 Geolocation</a></li>
  <li><a href="html5_canvas.asp">HTML5 Graphics</a></li>
</ul>
</nav>

<section>

<h1>Famous Cities</h1>

<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</article>

<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>

<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</article>

</section>

<footer>
<p>&copy; 2014 W3Schools. All rights reserved.</p>
</footer>

</body>
</html>

Coba Sendiri »

HTML5 Semantic Elements

«Sebelumnya

Berikutnya Bab »

Semantik adalah studi tentang makna kata-kata dan frase dalam bahasa.

Unsur semantik adalah elemen dengan makna.

Apa Unsur Semantic?

Unsur semantik jelas menggambarkan artinya untuk kedua browser dan pengembang.

Contoh non-semantik elemen: <div> dan <span> - Menceritakan apa-apa tentang isinya.

Contoh semantik elemen: <form>, <table>, dan <img> - Jelas mendefinisikan isinya.

Dukungan Browser

    

HTML5 elemen semantik yang didukung di semua browser modern.

Selain itu, Anda dapat "mengajar" browser lama bagaimana menangani "elemen yang tidak diketahui".

Membacanya di HTML5 Browser Dukungan.

Elemen Semantic baru di HTML5

Banyak situs web berisi kode HTML seperti: <div id = "nav"> <div class = "header"> <div id = "footer"> 
untuk menunjukkan navigasi, header, dan footer.

HTML5 menawarkan unsur semantik baru untuk menentukan bagian yang berbeda dari halaman web:  

<article><aside><rincian><figcaption><figure><footer><header><utama><mark><nav><section><summary><time>

HTML5 <section> Elemen

The <section> elemen mendefinisikan bagian dalam sebuah dokumen.

Menurut HTML5 dokumentasi W3C: "bagian adalah pengelompokan tematik konten, biasanya dengan judul."

Halaman rumah Sebuah situs Web dapat dibagi menjadi beberapa bagian untuk pengenalan, konten, dan informasi kontak.

Contoh

<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is....</p>
</section>

Cobalah sendiri »

HTML5 <article> Elemen

<Article> elemen menentukan independen, konten mandiri.

Sebuah artikel harus masuk akal sendiri, dan itu harus mungkin untuk membacanya secara independen dari sisa situs web.

Contoh di mana <article> elemen dapat digunakan:

Posting forumBlog postingArtikel koran

Contoh

<article>
  <h1>What Does WWF Do?</h1>
  <p>WWF's mission is to stop the degradation of our planet's natural environment,
  and build a future in which humans live in harmony with nature.</p>
</article>

Coba Sendiri »

Elemen Semantic Nesting

Dalam standar HTML5, <article> elemen mendefinisikan lengkap, blok mandiri elemen terkait.

The <section> elemen didefinisikan sebagai sebuah blok elemen terkait.

Dapatkah kita menggunakan definisi untuk memutuskan bagaimana elemen sarang? Tidak, kita tidak bisa!

Di Internet, Anda akan menemukan halaman HTML dengan <section> elemen mengandung <article> elemen, dan <article> elemen mengandung <bagian> elemen.

Anda juga akan menemukan halaman dengan <section> elemen mengandung <section> elemen, dan <article> elemen mengandung <article> elemen.

Koran: Olahraga artikel di olahraga bagian, memiliki teknis bagiandi setiap artikel.

HTML5 <header> Elemen

The <header> elemen menentukan header untuk dokumen atau bagian.

The <header> elemen harus digunakan sebagai wadah untuk konten pengantar.

Anda dapat memiliki beberapa <header> elemen dalam satu dokumen.

Contoh berikut mendefinisikan header untuk sebuah artikel:

Contoh

<article>
  <header>
    <h1>What Does WWF Do?</h1>
    <p>WWF's mission:</p>
  </header>
  <p>WWF's mission is to stop the degradation of our planet's natural environment,
  and build a future in which humans live in harmony with nature.</p>
</article>

Coba Sendiri »

HTML5 <footer> Elemen

The <footer> elemen menentukan footer untuk dokumen atau bagian.

A <footer> elemen harus berisi informasi tentang elemen yang mengandung.

Sebuah footer biasanya berisi penulis informasi dokumen, hak cipta, link ke persyaratan penggunaan, informasi kontak, dll

Anda dapat memiliki beberapa <footer> elemen dalam satu dokumen.

Contoh

<footer>
  <p>Posted by: Hege Refsnes</p>
  <p>Contact information: <ahref="mailto:someone@example.com">
  someone@example.com</a>.</p>
</footer>

Coba Sendiri »

HTML5 <nav> Elemen

The <nav> elemen mendefinisikan satu set link navigasi.

The <nav> elemen ditujukan untuk blok besar link navigasi. Namun, tidak semua link dalam dokumen harus di dalam <nav> elemen!

Contoh

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

Coba Sendiri »

HTML5 <aside> Elemen

The <aside> elemen mendefinisikan beberapa konten selain dari konten itu ditempatkan di (seperti sidebar).

Samping konten harus berkaitan dengan isi sekitarnya.

Contoh

<p>My family and I visited The Epcot center this summer.</p>

<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

Coba Sendiri »

HTML5 <angka> dan <figcaption> Elemen

Dalam buku-buku dan surat kabar, itu adalah umum untuk memiliki keterangan dengan gambar.

Tujuan dari keterangan adalah menambahkan penjelasan visual untuk gambar.

Dengan HTML5, gambar dan keterangan dapat dikelompokkan bersama dalam <figure> elemen:

Contoh

<figure>
  <img src="pic_mountain.jpg" alt="The Pulpit Rock" width="304" height="228">
  <figcaption>Fig1. - The Pulpit Rock, Norway.</figcaption>
</figure>

Coba Sendiri »

The <img> elemen mendefinisikan gambar, <figcaption> elemen mendefinisikan judul.

Mengapa Semantic HTML5 Elements?

Dengan HTML4, pengembang menggunakan favorit mereka sendiri atribut nama untuk elemen halaman gaya:

header, atas, bawah, footer, menu, navigasi, utama, wadah, konten, artikel, sidebar, topnav, ...

Hal ini membuat tidak mungkin untuk mesin pencari untuk mengidentifikasi konten halaman web yang benar.

Dengan unsur-unsur HTML5 seperti: <header> <footer> <nav> <section> <article>, ini akan menjadi lebih mudah.

Menurut W3C, Web Semantic:

"Memungkinkan data yang akan dibagi dan digunakan kembali seluruh aplikasi, perusahaan, dan masyarakat."

Unsur semantik di HTML5

Di bawah ini adalah daftar abjad dari unsur-unsur semantik baru di HTML5.

Link pergi ke kami lengkap HTML5 Referensi.

TagDescription<article>Defines an article<aside>Defines content aside from the page content<details>Defines additional details that the user can view or hide<figcaption>Defines a caption for a <figure> element<figure>Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.<footer>Defines a footer for a document or section<header>Specifies a header for a document or section<main>Specifies the main content of a document<mark>Defines marked/highlighted text<nav>Defines navigation links<section>Defines a section in a document<summary>Defines a visible heading for a <details> element<time>Defines a date/time

HTML5 Migrasi

«Sebelumnya

Berikutnya Bab »

Migrasi dari HTML4 ke HTML5

Bab ini sepenuhnya tentang bagaimana bermigrasi dari khas HTML4halaman untuk khas HTML5 halaman.

Bab ini menunjukkan bagaimana mengkonversi halaman HTML4 ke dalam halaman HTML5, tanpa merusak apapun dari konten asli atau struktur.

Anda dapat bermigrasi ke HTML5 dari HTML4 atau XHTML, menggunakan resep yang sama ..HTML4 khasHTML5 khas<div id = "header"><header><div id = "menu"><nav><div id = "content"><section><div id = "post"><article><div id = "footer"><footer>

Sebuah Khas HTML4 Halaman

Contoh

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
  body {font-family:Verdana,sans-serif;font-size:0.8em;}
  div#header,div#footer,div#content,div#post 
  {border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;}
  div#header,div#footer {color:white;background-color:#444;margin-bottom:5px;}
  div#content {background-color:#ddd;}
  div#menu ul {margin:0;padding:0;}
  div#menu ul li {display:inline; margin:5px;}
</style>
</head>
<body>

<div id="header">
  <h1>Monday Times</h1>
</div>

<div id="menu">
  <ul>
    <li>News</li>
    <li>Sports</li>
    <li>Weather</li>
  </ul>
</div>

<div id="content">
<h2>News Section</h2>

<div id="post">
  <h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</div>

<div id="post">
  <h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</div>

</div>

<div id="footer">
  <p>&amp;copy; 2014 Monday Times. All rights reserved.</p>
</div>

</body>
</html>

Coba Sendiri »

Ubah ke HTML5 DOCTYPE

Mengubah DOCTYPE, dari doctype HTML4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

dengan DOCTYPE HTML5:

Contoh

<!DOCTYPE html>

Coba Sendiri »

Ubah ke HTML5 Encoding

Ubah pengkodean informasi, dari HTML4:

<meta http-equiv="Content-Type"content="text/html;charset=utf-8">

untuk HTML5:

Contoh

<meta charset="utf-8">

Coba Sendiri »

Tambahkan The Shiv

HTML5 elemen semantik yang didukung di semua browser modern.

Selain itu, Anda dapat "mengajar" browser lama bagaimana menangani "elemen yang tidak diketahui".

Tambahkan dengan belati untuk dukungan Internet Explorer:

Contoh

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Coba Sendiri »

Baca tentang yang belati di HTML5 Browser Dukungan.

Tambahkan CSS untuk HTML5 Semantic Elements

Lihatlah gaya CSS yang ada:

div#header,div#footer,div#content,div#post {
    border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
div#header,div#footer {
    color:white;background-color:#444;margin-bottom:5px;
}
div#content {
    background-color:#ddd;
}
div#menu ul {
    margin:0;padding:0;
}
div#menu ul li {
    display:inline; margin:5px;
}

Duplikat dengan gaya CSS yang sama untuk HTML5 elemen semantik:

Contoh

header,footer,section,article {
    border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
header,footer {
    color:white;background-color:#444;margin-bottom:5px;
}
section {
    background-color:#ddd;
}
nav ul  {
    margin:0;padding:0;
}
nav ul li {
    display:inline; margin:5px;
}

Coba Sendiri »

Ubah ke HTML5 <header> dan <footer>

Mengubah <div> elemen dengan id = "header" dan id = "footer":

<div id="header">
  <h1>Monday Times</h1>
</div>
.
.
.
<div id="footer">
  <p>&amp;copy; 2014 W3Schools. All rights reserved.</p>
</div>

untuk HTML5 semantik <header> dan <footer> elemen:

Contoh

<header>
  <h1>Monday Times</h1>
</header>
.
.
.
<footer>
  <p>&copy; 2014 W3Schools. All rights reserved.</p>
</footer>

Coba Sendiri »

Ubah ke HTML5 <nav>

Mengubah <div> elemen dengan id = "menu":

<div id="menu">
  <ul>
    <li>News</li>
    <li>Sports</li>
    <li>Weather</li>
  </ul>
</div>

ke semantik HTML5 <nav> Elemen:

Contoh

<nav>
  <ul>
    <li>News</li>
    <li>Sports</li>
    <li>Weather</li>
  </ul>
</nav>

Coba Sendiri »

Ubah ke HTML5 <section>

Mengubah <div> elemen dengan id = "content":

<div id="content">
.
.
.
</div>

ke HTML5 semantik <section> elemen:

Contoh

<section>
.
.
.
</section>

Coba Sendiri »

Ubah ke HTML5 <article>

Mengubah semua elemen <div> dengan class = "post":

<div class="post">
  <h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</div>

untuk HTML5 semantik <article> elemen:

Contoh

<article>
  <h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</article>

Coba Sendiri »

Hilangkan "tidak lagi diperlukan" <style> elemen:

Contoh

div#header,div#footer,div#content,div#post {
    border:1px solid grey;margin:5px;margin-bottom:15px;padding:8px;background-color:white;
}
div#header,div#footer {
    color:white;background-color:#444;margin-bottom:5px;
}
div#content {
    background-color:#ddd;
}
div#menu ul {
    margin:0;padding:0;
}
div#menu ul li {
    display:inline; margin:5px;
}

Coba Sendiri »

Sebuah Khas HTML5 Halaman

Akhirnya Anda dapat menghapus <head> tag. Mereka tidak diperlukan dalam HTML5:

Contoh

<!DOCTYPE html>
<html lang="en">
<title>HTML5</title>
<meta charset="utf-8">

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->

<style>
body {
    font-family:Verdana,sans-serif;font-size:0.8em;
}
header,footer,section,article {
    border:1px solid grey;
    margin:5px;margin-bottom:15px;padding:8px;
    background-color:white;
}
header,footer {
    color:white;background-color:#444;margin-bottom:5px;
}
section {
    background-color:#ddd;
}
nav ul {
    margin:0;padding:0;
}
nav ul li {
    display:inline; margin:5px;
}
</style>
<body>

<header>
  <h1>Monday Times</h1>
</header>

<nav>
  <ul>
    <li>News</li>
    <li>Sports</li>
    <li>Weather</li>
  </ul>
</nav>

<section>
<h2>News Section</h2>

<article>
  <h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</article>

<article>
<h2>News Article</h2>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
  <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
  lurum hurum turum.</p>
</article>

</section>

<footer>
  <p>&amp;copy; 2014 Monday Times. All rights reserved.</p>
</footer>

</body>
</html>

Coba Sendiri »

Perbedaan Antara <article> <section> dan <div>

Ada membingungkan (kurangnya) perbedaan dalam standar HTML5, antara <article> <section> dan <div>.

Dalam standar HTML5, yang <section> elemen didefinisikan sebagai sebuah blok elemen terkait.

<Article> elemen didefinisikan sebagai lengkap, blok mandiri elemen terkait.

<Div> elemen didefinisikan sebagai blok anak elemen.

Bagaimana menafsirkan itu?

Dalam contoh di atas, kita telah menggunakan <section> sebagai wadah untuk berhubungan <artikel>.

Tapi, kita bisa menggunakan <article> sebagai wadah untuk artikel juga.

Berikut adalah beberapa contoh yang berbeda:

<article> di <article>:

<article>

<h2>Famous Cities</h2>

<article>
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</article>

<article>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</article>

<article>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</article>

</article>

Coba Sendiri »

<div> di <article>:

<article>

<h2>Famous Cities</h2>

<div class="city">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>

<div class="city">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>

</article>

Coba Sendiri »

<div> di <section> di <article>:

<article>

<section>
<h2>Famous Cities</h2>

<div class="city">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>

<div class="city">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="city">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</section>

<section>
<h2>Famous Countries</h2>

<div class="country">
<h2>England</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>

<div class="country">
<h2>France</h2>
<p>Paris is the capital and most populous city of France.</p>
</div>

<div class="country">
<h2>Japan</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.</p>
</div>
</section>

</article>

Coba Sendiri »

Tips dapet penghasilan 30$ dengan mudah

TIPS & TRICK WHAFF

Selamat berjumpa lagi dengan Dunia Internet situs tentang referensi tempat mencari uang di internet.

Disini saya akan memberikan tips bagaimana anda bisa mendapatkan uang hanya dengan download applikasi dan melakukan beberapa task dengan applikasi Whaff Reward.

Cara Mencari Uang Dengan Handphone atau Tab Android

Applikasi ini hanya bisa digunakan di Handphone atau tab android saja, jadi jika anda pemakai iPhone mohon maaf saat ini Whaff masih belum bisa digunakan.

Bagaimana caranya mendapatkan uang dengan Whaff Reward

Cara untuk mendapatkan uang dengan whaff reward sebenarnya cukup mudah, tapi sebelumnya anda harus menginstal Applikasi Whaff di perangkat Android anda.

Anda bisa download di Google Play Store

Setelah anda download dan instal whaff di perangkat android anda, silahkan log-in disitu anda menggunakan ID dan password dari Facebook anda.

Setelah berhasil log-in anda akan diminta untuk memasukkan Invite Code, Invite Code bisa anda gunakan Code AY69376 

Dengan menggunakan code tersebut balance anda akan menerima uang sebesar 0.30$ secara otomatis.

Tapi jika anda tidak memasukkan atau tidak menggunakan code tersebut anda tidak akan menerima bonus tersebut, jadi balance anda tetap 0$.

“Jadi saran saya gunakan Code AY69376 , saya juga menerima imbalan yang sama seperti yang anda terima, ini sebagai imbalan karena saya telah memberi tahu anda cara mencari uang dengan menggunakan whaff, dan anda menerima imbalan yang sama karena telah menggunakan code invite AY69376 “

Setelah anda memasukkan code tersebut dan mendapatkan bonus, kini saatnya anda mecari uang dengan download applikasi.

Premium picks.

Dipremium pick aka nada beberapa applikasi yang perlu anda download dan anda mainkan setiap harinya untuk mendapatkan uang dollars. Anda hanya perlu memainkan applikasinya sekitar 2-5 menit setiap harinya melalui Whaff.

Dan anda akan mendapatkan tambahan rewards jika anda tidak meng-uninstall applikasi tersebut selama yang ditawarkan.

Selain premium picks, silahkan download Applikasi yang ada di Whaff Picks untuk mendapatkan uang Dollars.

Invite To Share and Earn!

Silahkan invite to share and earn teman-teman anda untuk mendapatkan uang dollars, anda hanya dibatasi untuk invite sebanyak 50 orang setiap harinya. Jadi hal ini bisa anda lakukan setiap hari untuk mendapatkan rewards berupa uang dollars.

Other Pick

Disini anda bisa melakukan beberapa task untuk mendapatkan reward baik beruapa dollars atau poin yang akan diakumulasikan dalam bentuk dollar ke account anda. Task disini bermacam-macam ada yang hanya dengan melihat iklan saja, download dan menjalankan applikasi, mendaftar dan atau membeli barang.

Jika anda melakukannya setiap hari, anda akan mendapatkan uang sebesar 1 – 2$ setiap hari, maka sebulan bisa menghasilkan 30$ yang jika di rupiah kan sebesar 400ribu. Dan jika tasknya sudah tidak berlaku anda bisa uninstall aplikasi-aplikasi yang tadi anda download dan tidak anda perlukan.

Jika uang sudah terkumpul sebesar minimal 10$ anda bisa withdraw ke Paypal anda, selain dengan paypal anda bisa exchange atau menukarkan uang anda dengan Xbox Gift Card, Playstation Gift Cards, Amazon Gift Cards, Google Play Gift Cards, Steam Gift Cards dan Facebook Gift Cards.

Transaksi withdraw anda akan selesai dalam jangka waktu maksimal 3 hari kerja.

Jika anda mengambil 10$ uang anda dengan Paypal maka uang yang sampai ke Paypal anda akan terpotong sebesar 0.50$. setelah saya Tanya ke pihak Whaff dijelaskan bahwa potongan tersebut sebagi fee jual beli jasa yang dikenakan oleh Paypal. Saya menjual jasa mendownload dan menjalankan aplikasi di HP saya dan Whaff sebagi pihak yang membeli jasa tersebut. Ya seperti itulah penjelasan dari pihak Whaff.

pembayaran dari whaff

Itulah cara saya mendapatkan uang saya dengan menggunakan HP Android. Mudah dan simple bukan ?
Sebenarnya ada beberapa aplikasi mencari uang di android dan akan saya ulas dipost berikutnya.

Jika informasi ini bermanfaat bagi anda, Tolong untuk dishare keteman-teman atau rekan anda agar semua orang bisa mengetahui informasi ini.

Happy Earning.. !

Cek juga saldo paypal saya liat di posting sebelumnya.

Update TRICK

New code for 40$ from whaff code generator

Invitation code : AY69376
100%work

Caranya :
1. Download Whaff app. in google play store
2. Install and open the app,
3. Login with facebook account.
4. Type this invitation code: AY69376 for first $25 for each id
5. Exchange the point for paypal or google gift card

kode terbaru 40$ langsung dari WHAFF hack generator
Kode Undangan : AY69376
100%work

Caranya :
1. Download aplikasi Whaff di smartphone anda,cari di playstore
2. Instal, dan buka aplikasi tersebut,
3. Login dengan menggunakan akun facebook.
4. Masukan kode invitation berikut AY69376 untuk dapat $25
5. Download dan mainkan aplikasi yang tersedia untuk mendapatkan dolar secara gratis,
6. Tukarkan saldo tersebut dengan dengan Paypal atau google cash jika ingin dicairkan ke rupiah

by bagas pramudita (rank 1 whaff rewards)

daftar hosting dan domain gratis

8 Daftar Domain Dan Hosting Gratis Paling Populer

Berikut ini adalah daftar Domain dan Hosting Gratis untuk website anda, sudah support PHP dan MySQL tapi jangan harap ada pelayanan yang maksimal namun sangat bagus jika dijadikan bahan kita untuk mengenal dan belajar tentang Domain dan Hosting :

1. ID Hostinger - Daftar Visit Now!
   
   
   
   
   • Disk Space : 2GB
   • Bandwith : 100GB
   • Subdomain : 5
   • Parking Domain :  Yes
   • Mail Account : 2
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   • Iklan Banner : No
   • Control Panel : VPanel
   
   
2. 5GB Free - Daftar Visit Now!
   
   
   
   • Disk Space : 5GB
   • Bandwith : 20GB
   • Subdomain :No
   • Parking Domain :  Yes
   • Mail Account : 20
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   • Iklan Banner : Cuma ada Text Iklan Saja.
   • Control Panel : Full CPanel 
   
   
3. ByetHost Free Hosting - Daftar Visit Now!
   
   
   
   
   • Disk Space : 1GB
   • Bandwith : 50GB
   • Subdomain :5
   • Parked Domain : 5
   • Mail Account : No
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   • Iklan Banner : No
   • Control Panel : VPanel dan CPanel
   
   
4. AwardSpace - Daftar Visit Now!
   
   
   
   
   • Disk Space : 250MB
   • Bandwith : 6 GB
   • Untuk Gratis Hanya Menerima : Parked Domain
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   •  Iklan Banner : No
   • Control Panel : VPanel
   
   
5. FreeHostia - Daftar Visit Now!
   
   
   
   
   • Disk Space : 250MB
   • Bandwith : 6 GB
   • Untuk Gratis Hanya Menerima : Parked Domain
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   •  Iklan Banner : No
   • Control Panel : VPanel
   
   
6. Free Hosting Eu - Daftar Visit Now!
   
   
   
   •     Disk Space :  200 MB
   •     Bandwith : 4GB
   •     Create Domain : 1
   •     Subdomain : 5
   •     Parking Domain : Yes
   •     Mail Account : 1
   •     Script Auto Installer : Yes
   •     PHP Support : Yes
   •     Database MySQL : Yes
   •     Iklan Banner : No
   •     Control Panel : VPanel
   
   
7. Biz NF - Daftar Visit Now!
   
   
   
   • Disk Space :250 MB
   • Bandwith : 5GB
   • Subdomain : 4
   • Parking Domain :  Yes
   • Mail Account : 1
   • Script Auto Installer : Yes
   • PHP Support : Yes
   • Database MySQL : Yes
   • Iklan Banner : No
   • Control Panel : VPanel
   
   
8. Bonus!, satu lagi Hosting dan Domain Gratis dari Indonesia, yaitu idwphosting. tempat hosting ini khusus untuk engine website bertema WordPress. Daftar Visit Now