Facebook

HTML 5

ADSENSE HERE


 HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.


  1. Sejarah HTML5
    Kelompok Kerja Teknologi Aplikasi Web Hyperteks (Web Hypertext Application Technology Working Group, WHATWG) mulai membuat standar baru ini pada tahun 2004 ketika Konsortium W3C sedang fokus pada pengembangan XHTML 2.0 di masa depan, sementara HTML 4.01 belum pernah diperbarui sejak tahun 2000. Sejak tahun 2009, W3C dan WHATWG bekerja sama dalam pengembangan HTML5 setelah W3C mengakhiri Kelompok Kerja Pengembangan XHTML 2.0. Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web."
    Beberapa aturan yang harus kamu pelajari saat belajar HTML5, yaitu :
    • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript.
    • Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
    • Lebih baik penanganan kesalahan.
    • Lebih banyak penggunaakn markup untuk mengganti scripting.
    • HTML5 harus independen.
    • Proses development-nya harus terlihat untuk umum (visible).
  2. Dukungan Browser HTML5 .
    Web browser merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web dalam format HTML. Untuk menguji browser anda yang terinstall di komputer telah mendukung HTML5 dapat diuji dengan link berikut : http://html5test.com
    Sebaiknya agar browser anda mendukung HTML5 segera di update dengan versi terbaru. Beberapa browser yang sudah support HTML5 yaitu:
    • Chrome
    • Safari Apple v.4+
    • Internet Explorer 9
    • Opera
    • Maxthon
    • Firefox 4, 5, 6 dan seterusnya
  3. Fitur-Fitur Baru di HTML5
    HTML5 merupakan versi ke-5 dari html dan saat ini juga masih dalam tahap pengembangan. Berikut adalah fitur-fitur terbaru dalam HMTL5 diantaranya yaitu:
    • Video dan Audio : tidak perlu menempelkan flash, quickplayer, atau realplayer untuk memutar audio dan video.
    • Canvas : Media corat-coret langsung tanpa flash dan applet java.
    • Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, dan search.
    • Semantic : Mempermudah designer dengan tag khusus layout, seperti: artikel, footer, header, navigasi, dan section.
    • Dukungan yang lebih baik untuk penyimpanan secara offline.
  4. Document Type (DOCTYPE)
    DOCTYPE adalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis. DOCTYPE bukanlah tag HTML dan deklarasi DOCTYPE mengacu pada Document Type Definition (DTD). DTD menetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar. Deklarasi DOCTYPE harus menjadi hal pertama dalam dokumen HTML, sebelum tag <html>. Biasakan selalu menambahkan DOCTYPE ke halaman web agar membantu browser untuk membuat halaman web/blog dengan benar.
    Penggunaan DOCTYPE pada HTML5 lebih di sederhanakan dengan mengetikkan perintah:

    Sebelumnya jika kita menggunakan model HTML4 maka kita menuliskan DOCTYPE secara lengkap seperti berikut ini:
ADSENSE HERE

Cara Membuat TEXT Berjalan Di HTML

ADSENSE HERE



Pembahasan singkat saya kali ini berisi kode yang memungkinkan Anda untuk menghentikan dan menjalankan kembali sebuah marquee HTML menggunakan sebuah mouse. Oleh karena itu, pengguna situs web akan dapat menghentikan / menjalankan kembali sebuah marquee HTML menggunakan sebuah mouse.



  • Mengklik Marquee

Contoh ini memungkinkan pengguna untuk menghentikan marquee ketika mereka mengklik pada mouse ( onmousedown ). Marquee kemudian berlanjut ketika user melepaskan mouse ( onmouseup ).
<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">Tutorial umam-choirul.blogspot.com</marquee> 
Berikut hasilnya:

Tutorial umam-choirul.blogspot.com


  • Meletakkan kursor di atas marquee

Memungkinkan pengguna untuk menghentikan marquee ketika mereka meletakkan kursor anak panah pada marquee (onmouseover). Marquee kemudian berjalan kembali ketika kursor dilepaskan dari atas marquee ( onmouseover )
<marquee behavior="scroll" direction+"left" onmouseover="this.stop();" onmouseout="this.start();">Tutorial umam-choirul.blogspot.com</marquee>
Berikut hasilnya:


Tutorial umam-choirul.blogspot.com
  • Tombol Start dan Stop


Anda dapat menambahkan tombol "Start" dan "Stop" yang memungkinkan pengguna untuk memulai dan menghentikan marquee sesuai keinginan. Untuk melakukannya, cukup menambahkan "id" atribut ke marquee, maka akan mengikuti perintah dari tombol Anda (dibuat menggunakan tag input).
<marquee behavior="scroll" direction="left" id="mymarquee"><p>Tutorial umam-choirul.bogspot.com</p><marquee><input type="button" value="Stop Marquee" onClick="document.getElementById('mymarquee').stop();"><input type="button" value="Start Marquee" onClick="document.getElementById('mymarquee').start();>
Berikut hasilnya:




Tutorial umam-choirul.bogspot.com




Yak, selesai pembahasan sedikit saya mengenai marquee text with stop and start. Semoga dapat memberikan manfaat. ADSENSE HERE

Cara Membuat Link dan Menyisipkan Gambar di HTML

ADSENSE HERE

Kali ini kita akan lebih dalam lagi, yaitu mengenai pembuatan link dan penyisipan gambar. Selain itu juga akan penulis kenalkan pada pemakaian atribut untuk link dan gambar untuk situs web.



Cara Membuat Link

Untuk menyisipkan link, digunakan tag <a>. Susunan sederhananya adalah :

<a href="URL">Teks</a>

Contoh penulisannya :

<a href="http://umam-choirul.blogspot.com">Ini Link Menuju ke Tip Komputer dan Internet</a>

Hasilnya, sebaris kata "Ini Link Menuju ke Tip Komputer dan Internet" akan berubah menjadi objek link yang siap di-klik pengunjung.

Cara Menyisipkan Gambar

Untuk menyisipkan gambar, digunakan tag <img>. Susunan sederhananya adalah :

<img src="URL GAMBAR" />

Contoh penulisannya :

<img src="http://www.google.co.id/intl/id_id/images/logo.gif" />

Hasilnya, gambar logo Google akan tampil di browser.


Gambar Logo Google
Gambar Logo Google
Gambar juga bisa dijadikan sebuah link, caranya cukup menempatkan tag <img> di antara tag <a> :

<a href="URL"><img src="URL GAMBAR" /></a>

Mengenal Atribut

Beberapa tag HTML menggunakan atribut. Atribut merupakan informasi tambahan yang disisipkan ke sebuah tag pembuka. Susunannya adalah namaatribut=”nilai”.

Jika Anda perhatikan kembali, contoh tag <a> dan <img> di atas disertai atribut :
  • href=http://cara-caranya.blogspot.com
  • src=" http://www.google.co.id/intl/id_id/images/logo.gif
Atribut href dipakai untuk merujuk URL target link, sedangkan atribut src dipakai untuk merujuk URL target gambar yang akan ditampilkan. Tag <a> dan <img> juga dapat diberi beberapa atribut lainnya.

Sebagian besar tag HTML dapat disisipi atribut. Ada beberapa atribut yang bisa diterapkan di berbagai tag, namun ada juga atribut yang hanya bisa diterapkan ke tag tertentu, seperti tag <a>dan <img> di atas.

Atribut antara lain lazim dipakai untuk memformat style teks dan gambar, mengatur warna, dan mengatur tabel.
  • style="background-color:red" (mengatur warna latar menjadi merah)
  • style="font-size:12px" (mengatur ukuran hurud menjadi 12 piksel)
  • style="font-family:Verdana" (mengatur teks menggunakan font Verdana)
  • style="text-align:center" (mengatur teks menjadi rata tengah)
Contoh pemakaiannya, coba sisipkan atribut style pada tag <BODY> agar warna alamat web menjadi merah :
<BODY style="background-color:red"> ADSENSE HERE

Tutorial HTML (Part 2)

ADSENSE HERE


 1. HTML Heading
a. Judul HTML didefinisikan dengan <h1> sampai <h6> tag:
contoh:
<h1> Ini adalah heading </ h1>
<h2> Ini adalah heading </ h2>
<h3> Ini adalah heading </ h3>

b. HTML Paragraf
Paragraf HTML didefinisikan dengan tag <p>:
contoh
<p> Ini adalah sebuah paragraf. </ p>
<p> Ini adalah paragraf lain. </ p>
c. Link HTML 
Link HTML didefinisikan dengan tag <a>:
contoh:
<a href="http://www.w3schools.com"> ini adalah kalimat yang mewakili link </a> Link
Alamat link ditentukan dalam atribut href.Atribut yang digunakan untuk memberikan informasi tambahan tentang elemen HTML. 
d. HTML Images
Gambar HTML didefinisikan dengan tag <img>. 
File sumber (src), teks alternatif (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut:
contoh:
<img src = "w3schools.jpg" alt = "W3Schools.com" width = "104" height = "142">
2. Elemen HTML 
a. Dokumen HTML yang dibuat oleh elemen HTML.
Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan isi di antara:
<tagname> konten </ tagname> 
Elemen HTML adalah segalanya dari tag awal sampai tag akhir:
<p>My first HTML paragraph.</p>
 Tag Mulai Elemen konten Akhir tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>    
 
Elemen HTML dapat bersarang (elemen dapat berisi elemen).Semua dokumen HTML terdiri dari elemen HTML bersarang.Contoh ini berisi 4 elemen HTML: 
<!DOCTYPE html>
<html>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>
 
 
 
 
 
ADSENSE HERE

Tutorial HTML (part 1)

ADSENSE HERE
Apa itu HTML ?
Secara singkat HTML adalah bahasa markup untuk menggambarkan dokumen web (halaman web). 
  • HTML singkatan dari Hyper Text Markup Language
  • Sebuah bahasa markup adalah seperangkat tag markup
  • Dokumen HTML dijelaskan oleh tag HTML
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda

Contoh HTML

Dokumen sederhana dari HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
</head>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>
     1. DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
     2. Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
     3. Teks antara <head> dan </ head> memberikan informasi tentang dokumen
     4. Teks antara <title> dan </ title> memberikan judul untuk dokumen
     5. Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
     6. Teks antara <h1> dan </ h1> menggambarkan judul
     7. Teks antara <p> dan </ p> menggambarkan sebuah paragraf
1.HTML Tag

Tag HTML adalah kata kunci (nama tag) yang dikelilingi oleh kurung sudut:
<tagname> konten </ tagname>

     Tag HTML biasanya datang berpasangan seperti <p> dan </ p>
     Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
     Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag
2.Struktur HTML Halaman
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>  
The <! DOCTYPE> Deklarasi

The <! DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada jenis dokumen yang berbeda di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.

DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima:
 
 <!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>
ADSENSE HERE

Tips mudah mengiklankan usaha anda di 2015

ADSENSE HERE
Di jaman sekarang ini siapa yang tidak ingin mempunyai bisnis yang sukses.Namun tidak mudah membuat bisnis yang sukses dengan cepat.Nah kali ini saya akan mencoba memberikan tips marketing yang mudah.
1.Melalui media sosial
cara yang pertama ini sangat banyak digunakan para pengusaha baik yang sudah lama atau yang        baru merintis usahanya.Selain gratis mengiklankan sebuah usaha atau produk di media sosial sangatlah mudah anda tinggal memberikan gambar dari produk anda dan diberi keterangan.cara ini sangat cepat mendapatkan respon dari calon pembeli dan cepat.Anda bisa mengiklankan di facebook, twitter, instagram dan lain-lain.
2.Dari brosur
memang cara ini agak sedikit kuno di jaman tekhnologi maju seperti ini namun tidak salah bila kita berusaha.


ADSENSE HERE

Wanita Sukses

ADSENSE HERE
Wanita masa kini sudah mendapatkan kebebasan untuk mengekspresikan dan mewujudkan impian dengan mengejar jenjang karir yang sebelumnya hanya bisa dilakukan oleh pria. Akan tetapi, tak semua wanita kemudian memilih untuk menghabiskan kebanyakan waktunya di luar rumah untuk mengejar karir. Banyak wanita yang enggan meninggalkan rumah karena mereka lebih memilih untuk mengurus anak-anak.
Meskipun demikian, wanita yang tetap tinggal di rumah pun tetap bisa menghasilkan uang dengan menjalankan bisnis online. Wanita bisa dengan mudah menjalankan bisnis yang satu ini karena internet memang sudah menjadi bagian kehidupan masyarakat modern di seluruh penjuru dunia. Ada beberapa ide bisnis untuk wanita yang bisa dilakukan dengan mudah. Anda bisa mulai menghasilkan uang dari dunia maya dengan segera.

Sekarang ini banyak wanita yang sangat akrab dengan belanja online. Dengan banyak alasan yang membuat wanita gemar berbelanja di dunia maya termasuk karena kemudahan, banyaknya pilihan, dan harga yang lebih miring. Dari hal tersebut, Anda juga bisa memanfaatkannya untuk menghasilkan uang dengan cara bisnis online.
Anda akan mendapatkan bayaran jika pengunjung potensial tersebut membeli barang di website pemilik produk.
Anda bisa menciptakan blog gratis, tetapi akan jauh lebih baik jika Anda menggunakan domain sendiri untuk blog Anda. Namun, Anda tetap bisa memulai bisnis dengan blig gratis yang tak sulit ditemukan di dunia maya.
Sekarang, Anda telah mengetahui mengenai cara untuk membuat blog gratis dan cara untuk menarik traffic ke dalam blog Anda hanya dengan menulis dan memasukkan artikel yang Anda tulis dalam program afiliasi. Anda bisa menggunakan pengetahuan Anda tentang menjalankan bisnis online ini selain untuk menjual produk.
Banyak orang yang menggunakan internet untuk mencari informasi mengenai berbagai macam topik termasuk hobi, hewan peliharaan, pernikahan, pembersihan rumah, dan bahkan anak-anak. Anda bisa memilih salah satu topik yang menarik untuk Anda dan Anda bisa menulis mengenai topik tersebut untuk kemudian memposkan tulisan Anda dalam blog. Anda tetap bisa mendapatkan uang hanya dengan menulis artikel.

Anda tentu bisa membayangkan betapa sempurnanya hidup Anda ketika Anda bisa mendapatkan uang dari hasil menulis untuk blog Anda dengan tetap tinggal di rumah dan tanpa harus meninggalkan anak-anak. Anak-anak tetap akan mendapatkan perawatan terbaik dari orangtuanya dan orangtua khususnya ibu masih bisa mandiri dan berekspresi serta menghasilkan uang sendiri.

sumber : www.ubisnis.com
ADSENSE HERE
 

About