Pengertian Elemen, Atribut, Tag dan Fungsinya Pada HTML

Pada tutorial kali ini penulis menjelaskan pengertian dari elemen, atribut dan tag pada html beserta fungsi nya masing-masing. Element adalah isi didalam suatu tag, elemen mencakup ketika tag di buka dan ketika tag ditutup.

contoh kode html elemen

   <h1>isi dari elemen </h1>
    <p>isi dari elemen</p>


Tag Pembuka Isi Elemen Tag Penutup
<h1> isi dari elemen </h1>
<p> isi dari elemen </p>

Dari kode html di atas ditemukan dua elemen yang penulis sudah jelaskan dalam sebuah tabel dan terkadang beberapa dari elemen ada yang tidak perlu diakhiri dengan tag penutup. Tag adalah sebuah pasangan yang terdiri dari pembuka tag dan penutup seperti contoh diatas yang sudah dijelaskan, fungsi dari tag beraneka ragam tag digunakan untuk menyisipkan link, untuk mengubah font dan lain-lain. 

Tag Fungsi
<a> untuk menyisipkan sebuah link url ke dalam suatu text ataupun gambar sehingga memungkinkan seseorang untuk berpindah html tanpa harus menuliskan link di address bar
<b> Untuk membuat text tebal
<button> Untuk mendefinisikan dan membuat suatu tombol untuk di klik
<center> Untuk memberikan perataan tengah pada suatu text atau pun gambar
<div> Untuk mendefinisikan section pada dokumen
<form> Untuk mendefinisikan suatu form untuk input data
<h1> Untuk mengubah dan menunjuk suatu text menjadi sebuah judul dari html tersebut sehingga text tersebut ketika jalankan di browser akan berbentuk lebih besar seperti judul, semakin kecil hn nya semakin besar text yang akan muncul dan terdiri sampai h6
<i> untuk membuat text menjadi cetak miring
<iframe> untuk menyisipkan satu page web penuh ke dalam website kita
<img/> untuk menampilkan gambar pada suatu website / dokumen html
<ins> untuk membuat text menjadi bergaris bawah
<li> digunakan untuk membuat text menjadi list, biasanya di gunakan untuk membuat suatu menu dalam website
<select> digunakan untuk membuat dropdown list
<table> digunakan untuk membuat suatu tabel di dalam website

Masih banyak lagi fungsi tag yang saya tidak ketik didalam tabel diatas, tetapi yang saya ketik diatas kemungkinan sering dipakai untuk pembuatan html.

Attribut adalah suatu informasi tambahan yang dapat disertakan pada suatu elemen dalam html. Atribut dapat digunakan atau tidak pada suatu elemen. Atribut pasti digunakan pada awal tag selain dari itu pasti akan menyebabkan error atau hal-hal yang tidak terduga.

contoh kode html atribut :
 <html>
    <p title="Attribut adalah suatu informasi tambahan yang dapat disertakan pada suatu elemen dalam html. Atribut dapat digunakan atau tidak pada suatu elemen. Atribut pasti digunakan pada awal tag selain itu pasti akan menyebabkan error atau hal-hal yang tidak terduga.">Apa itu Atribut ?
   </p>
</html>


Attribut dari kode html diatas adalah title="isi title", hasilnya ketika anda menggerakan mouse anda ke text "Apa itu Atribut" maka akan muncul keterangan seperti sebuah tooltips. Setiap tag belum tentu mempunyai atribut yang sama sebagai contoh <body> mempunyai atribut Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth sedangkan <font> mempunyai atribut Color, size, name.


Cara Membuat HTML dan Menjalankannya

Pada tutorial kali ini kita akan mencoba untuk mengeluarkan sebuah tulisan "hello world" dengan html pada monitor anda, anda dapat mengetikan kode HTML di notepad tetapi saya tidak menganjurkan hal tersebut karena notepad tidak mempunyai fitur indentasi otomatis sehingga menyebabkan koding tidak rapi dan sulit untuk di baca, beda ceritanya jika kalian bersedia memberikan indentasi manual dengan cara melakukan spasi beberapa kali tiap baris kode. Jika kalian masih binggung dengan indentasi, berikut ini adalah dua gambar perbedaan antara koding tanpa indentasi dan koding dengan indentasi.

koding tanpa indentasi

koding dengan indentasi
Terlihat antara kedua perbedaannya, gambar paling atas tidak rapi sehingga membuat mata sakit sedangkan yang gambar paling bawah terlihat sangat rapi, penulis menyarankan menggunakan editor seperti notepad++ atau bracket sebagai media pembelajaran anda, tetapi apabila anda malas mengunduhnya, menggunakan notepad biasa juga tidak masalah.Sepertinya penulis sudah banyak sekali menulis, langsung saja ini dia step-step untuk membuat html dan cara menjalankan nya :
  • Gunakan editor apapun untuk mengetikan kode dibawah ini, sengaja kode nya saya ubah menjadi gambar supaya kalian tidak bisa kopas, karena kalian nanti tidak akan ingat sama sekali.
koding hello world
  • Jika anda sudah mengetikan kode diatas, maka save as data anda, ubah save as type menjadi all files dan pada kotak file name diberikan nama namaweb.html, namaweb boleh di ganti sesuka apapun asalkan tetap menyertakan .html, supaya browser mengenali file yang barusan anda buat berekstensi .html, simpan data tersebut ke desktop.
memberi fle name
  • Buka kode yang barusan anda buat di desktop, dengan cara menekan dua kali pada file tersebut

  • Hasilnya akan muncul empat "hello world" dan selamat kalian baru saja membuat suatu website yang sangat sederhana sekali dengan HTML, penjelasan mengapa bisa muncul empat hello world akan dibahas pada tutorial lanjutan.






Belajar HTML Dasar Step By Step Sampai Jago


Dewasa ini sudah banyak sekali website pribadi yang menjual berbagai macam produk seperti baju, sepatu, celana dan lain-lain. Membuat website selalu identik dengan anak IT sehingga tidak heran jika banyak sekali orang yang menggunakan jasa pembuatan website hingga mengeluarkan uang jutaan rupiah, kenyataannya membuat suatu website tidak sesulit yang anda bayangkan.

Untuk membuat suatu website selain HTML kita juga memerlukan beberapa bahasa program lainnya seperti Jquery jika anda ingin membuat website yang dinamis dan bantuan PHP jika anda ingin menyimpan dan mengeluarkan data dari server, tetapi dengan html kita juga sudah bisa membuat suatu website sederhana seperti profile company .

Pada website ini saya akan mencoba berbagi cara membuat suatu website sederhana berdasarkan pengalaman saya bekerja sebagai web developer selama ini. Sebelum kalian mengetahui lebih dalam tentang HTML, setidaknya kalian harus tahu pengertian dari HTML.

HTML adalah singkatan dari Hyper Text Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa "tag" atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor.

Berikut ini adalah beberapa tutorial untuk membuat suatu website sederhana dengan HTML, harap dibaca dan dipraktikan setiap tutorialnya, agar semakin mahir dalam membuat suatu website :

Beberapa tutorial diatas masih dapat bertambah sesuai dengan mood dari sang penulis, jika ada beberapa tutorial yang belum disisipkan link, berarti penulis belum membuat tutorial tersebut, mohon dimaklumi, deadline numpuk.

Cara Mendapatkan Gambar Bebas Hak Cipta Untuk Blog dan Web Anda

Warning : Semua yang ditulis diblog ini adalah pengalaman dan hasil pikiran yang pernah dilakukan oleh penulis, penulis tidak pernah menulis sesuatu yang penulis sendiri belum pernah lakukan.

Sebagai seorang blogger kita tidak boleh sembarangan mengambil gambar untuk mendukung postingan blog kita karena takutnya dari sekian banyak gambar yang telah kita catut ternyata mempunyai hak cipta yang sangat berbahaya sekali bagi kelangsungan hidup blog kita.

Oleh sebab itu kita dituntut untuk pandai menyiasatinya, untuk mendapatkan gambar bebas hak cipta tidaklah sulit kita hanya perlu menuju kedua link di bawah ini :

  • http://www.google.com/advanced_image_search?hl=en (untuk pencarian bahasa inggris)
  • http://www.google.com/advanced_image_search?hl=id (untuk pencarian bahasa indonesia)
Ketika kalian mengakses situs tersebut kalian perlu untuk sedikit mengubah hak penggunaan menjadi bebas digunakan, dibagikan, atau dimodifikasi bahkan secara komersial.



Mengapa kita perlu selektif dalam memilih gambar ? apabila kalian ingin menghasilkan dollar dengan menggunakan google adsense takutnya hanya karena masalah hak cipta gambar mungkin akun atau blog anda dapat dibanned dari google adsense.

Karena sebagaimana kita tahu, google adsense mempunyai peraturan yang sangat ketat, sudah banyak sekali kasus publisher indonesia yang sudah menghasilkan banyak dollar tetapi kena banned, jadi untuk jaga-jaga saja, ribet sedikit tapi aman.

Sekian artikel "Cara Mendapatkan Gambar Bebas Hak Cipta Untuk Blog dan Web Anda, jika anda merasa terbantu dengan artikel ini, mohon disebarkan artikel link ini.



Deep Web | Bagian Terdalam Internet yang Tidak Tersentuh Mesin Pencari

Warning :  Semua artikel yang ada di blog ini adalah hasil dari pemikiran dan pengalaman yang telah dilakukan oleh penulis.





Deep Web sebutan untuk para website yang tidak tersentuh/ terjamah mesin pencari, website tersebut bukan karena tidak laku atau kurang terkenal, tetapi kebanyakan dari website tersebut dengan sengaja tidak membiarkan website mereka di index oleh mesin pencari. Alasannya pun beragam bisa karena website tersebut memang bukan untuk konsumsi publik seperti hasil-hasil penelitian, riset yang dilakukan oleh lembaga-lembaga akademis dan pribadi atau mereka mempunyai konten-konten yang ilegal seperti produksi film porno anak-anak, forum gay, pedopil dan lain lain atau mereka menjual sesuatu yang illegal seperti narkoba, senjata api, organ-organ tubuh manusia, penjualan manusia, jasa pembunuhan dan lain-lain.

Tetapi dari pengalaman saya melakukan surfing deep web hampir semua kebanyakan yang saya temukan adalah website-website yang berisi hal-hal negatif yang luar biasa parah.

Jasa Pembunuhan
Passport palsu atau apalah ini
Walaupun mendengar deep web terkesan negatif sebenarnya deep web sangat berguna untuk melakukan suatu hal-hal yang tidak bisa kita lakukan di dunia nyata, seperti menjadi whistle blower melakukan pembongkaran kasus korupsi secara anynomous di deep web tanpa harus takut.

Belakangan ini kasus peretasan terhadap ashley madison (situs perselingkuhan) sedang marak-maraknya di perbincangkan, akhirnya data yang diretas disebarkan dengan menggunakan deep web supaya identitas hacker tidak terbongkar. Deep web tidak dapat diakses dengan browser biasa, deep web hanya bisa diakses menggunakan browser TOR.  TOR adalah server yang membuat pengguna nya tetap anonim dengan cara mengarahkan lalu lintas internet melalui jaringan sukarelawan yang disediakan dengan gratis sehingga menyembunyikan lokasi pengguna. Setelah kalian berhasil menginstall TOR browser anda harus menuju http://thehiddenwiki.org/, buka link-link yang disediakan diwebsite tersebut, diwebsite itu terdapat banyak kumpulan deep web yang hanya bisa di buka menggunakan tor browser.

Biasanya mata uang yang digunakan adalah bitcoin dalam deep web karena yang membayar dan dibayar tidak dapat dilacak, bitcoin juga tidak berpengaruh pada kondisi ekonomi global. Dari sisi keamanan mengakses deep web sejujurnya saya tidak begitu tahu apakah aman atau sebenarnya berbahaya tetapi menurut pengalaman surfing deep web, selama kita tidak membocorkan profil dan lokasi kita saya rasa cukup aman, karena tor browser sudah menjalankan tugas nya untuk melindungi data dan lokasi kita. 

Pernah saya buka beberapa website yang sudah berhasil dijebol oleh FBI biasa nya ketika kita membuka website itu ada logo FBI, tulisan dalam bahasa inggris yang menyatakan jika website ini sudah berhasil dijebol FBI dan kebanyakan link-link yang disediakan hidden wiki tidak bisa dibuka, saya pun tidak begitu mengerti kenapa, tetapi saya berhipotesa mungkin internet saya tidak begitu kuat. 

Sekian artikel Deep Web| Bagian Terdalam Internet Yang Tidak Tersentuh Mesin Pencari, jika anda merasa artikel ini beguna bagi anda tidak ada salah nya link artikel ini dishare di socmed anda, bila ada salah kata dan informasi mohon dibenarkan dikolom komentar .


Cara Dapetin Uang Dari Android Dengan Aplikasi TapCash (Dengan Bukti Pembayaran)

Biar semangat baca artikel nya ini adalah bukti pembayaran yang saya dapatkan dari tap cash dalam bentuk sejumlah dollar yang dikirim ke akun paypal saya :D

Bukti pembayaran akan selalu di update jika saya selaku penulis mendapatkan pembayaran baru dari aplikasi tapcash.

Pembayaran terbaru dari aplikasi android tapcash

Cara dapetin uang dari aplikasi android tapcash

Beberapa hari yang lalu saya baru saja payout dari Tap Cash maka dari itu saya baru memberanikan diri untuk menulis artikel ini, yang saya dapatkan dari Tap Cash tidak banyak, hanya 3 dollar saja, mayan buat beli baksooo. Tap Cash adalah salah satu aplikasi yang kalian bisa download di google play / play store anda akan mendapatkan beberapa point apabila anda menyelesaikan suatu offer yang ditawarkan oleh pihak Tap Cash itu sendiri.

Offer yang ditawarkan beragam, mulai dari mendownload suatu aplikasi, video dan lain lain nya, setiap offer bisa dibilang cukup besar, sekitar 100-150 kadang ada yang 200 - 300, untuk dapat ditukar dengan dollar diperlukan 3000 point, bayangkan jika anda berhasil menyelesaikan 10 offer dengan point reward sekitar 150, 10 x 150 = 1500  anda sudah mendapat kan 1,5 dollar yang kebanyakan offer tersebut menyuruh anda untuk mendownload aplikasi saja.
nb : 1000 point = 1$

Untuk dapat ditukarkan ke dollar anda memerlukan 3000 point agar dapat ditukarkan dengan 3$ dan dikirim melalui paypal, untuk membuat paypal tidaklah sulit seperti membuat akun facebook. Tidak hanya dapat dikonversikan ke dollar, point yang kita dapat juga bisa dikonversi menjadi mol point , amazon gift.

Ini dia langkah-langkah untuk mendapatkan uang dari android dengan aplikasi tap cash :

  • Kalian harus mendownload dulu aplikasi tapcash nya di google play atau play store
  •                                                                                                                                 Kira-kira penampakan nya seperti ini ketika kalian membuka aplikasi tap cash, yang harus kalian lakukan adalah menekan tombol icon setting.

  •                                                                                                                             Setelah itu klik tulisan Bind Facebook Account supaya akun kalian menjadi VIP. Banyak sekali keuntungan menjadi VIP, ketika akun anda menjadi VIP offer anda akan semakin banyak dan reward dari menyelesaikan offer itu pun semakin besar.

  •                                                                                                              Langkah ini sebenarnya opsional, tetapi apabila anda ingin mendapatkan 100 reward point dengan cara yang sangaaaaaaaaaaat mudah, kalian harus melakukan ini. Kalian hanya perlu melakukan klik pada invited by.

  •                                                                          Lalu anda hanya perlu mengisi kode seperti gambar diatas, anda harus menjadi VIP terlebih  dahulu untuk mendapatkan 100 reward point.

  • Selamat anda sudah menyelesaikan tutorial untuk mendapatkan uang dari android dengan aplikasi tap cash, yang perlu anda lakukan adalah menyelesaikan offer yang banyak, kumpulkan hingga 3000 point, setelah itu anda hanya perlu mengirim reward tersebut ke akun paypal anda.
Menurut saya untuk mendapatkan uang dari android dengan aplikasi tap cash bukan hal yang sulit, ini sangat mudah sejujurnya saya belum lama bermain tap cash dan saya sudah bisa mendapatkan uang dari aplikasi tersebut.

Sekian artikel dari Cara Mendapatkan Uang Dari Android Dengan Aplikasi Tap Cash( Dengan Bukti Pembayaran) jika anda merasa artikel ini membantu anda alangkah bersyukurnya saya apabila artikel ini link artikel ini dishare di socmed anda .

UPDATE : Sekarang tap cash memiliki pembayaran alternatif selain paypal, yaitu dengan pulsa telkomsel :)

Cara Mendapatkan Uang Dari Shorte.st (Dengan Bukti Pembayaran)

Biar seger baca artikel nya proof payment/bukti pembayaran shorte.st.

kalo masih belum percaya nanti saya masukin lagi bukti-bukti lain nya

Semua yang saya tulis ini biasanya sudah pernah saya lakukan, saya tidak mungkin menulis apa yang saya tidak pernah saya lakukan di blog ini. Judul yang saya angkat kali ini adalah "Cara Mendapatkan Uang Dari Shorte.st". Shorte.st adalah salah satu website penyingkat url (shortener link ), seperti misalkan www.compu-pedia.blogspot.com dan ketika saya persingkat url nya dengan menggunakan shorte.st, maka akan menjadi http://sh.st/bqXPa.

Saya yakin semua pembaca artikel ini hampir pernah mengalami pengalaman seperti ini, mendownload suatu file sebut saja seperti lagu atau film ketika anda menekan tombol download anda dialihkan ke adfly atau shorte.st dan harus menunggu selama lima detik untuk mendapatkan link download yang asli. Ketika anda dialihkan ke adfly atau shorte.st, pemilik website tersebut akan mendapatkan sejumlah dollar/$.

"Ah gak mungkin masa cuma alihin orang ke adfly atau shorte.st dapet dollar, dari mana coba untung nya sih pihak adfly atau shorte.st dari hal itu" mungkin beberapa dari kalian akan memunculkan pertanyaan ini, saya akan mencoba menjelaskan secara detail.

Jadi ada yang namanya publisher dan advertiser, advertiser itu sebutan untuk orang yang ingin memasang iklan ke pihak shorte.st tentu saja pihak advertiser harus membayar sejumlah dollar kepada pihak shorte.st agar iklan nya dapat muncul dan biasanya pihak advertiser ini orang-orang dari luar negeri, publisher itu sebutan orang yang memunculkan iklan dari pihak advertiser dengan dengan cara mempersingkat suatu link, apabila seseorang mengklik link tersebut secara otomatis mereka akan di alihkan ke page shortest yang berisi iklan dari advertiser dan mau tidak mau mereka harus melihat iklan itu karena harus menunggu 5 detik. (anda sebagai publisher)

"Susah gak sih main beginian untuk menghasilkan uang dari shorte.st ?" menurut pengalaman saya sih lumayan susah, karena kalian harus ngerti cara buat blog, kalian harus ngerti SEO supaya blog kalian banyak visitornya. Tapi tenang, karena saya udah pernah mencoba pasti saya udah nemuin trik-trik yang sudah terbukti mendapatkan sejumlah dollar dari shorte.st.

"Kalo misalkan udah menghasilkan, uang nya bakal dikirim kemana?". Dollar nya bakal dikirim ke paypal dan buat paypal itu ga susah kok, segampang buat facebook cius deh . 

Langsung saja ini dia step-step untuk dapetin uang dari shorte,st:
  • Anda harus register dulu akun nya di sini
  •                                               anda harus klik tombol join, lalu anda akan melihat tampilan seperti gambar diatas, kalian bisa register menggunakan facebook atau email kalian, saya lebih anjurkan pake email saja karena apabila facebook kalian kena hack pupus sudah akun shorte.st kalian. 

  •                                                                   Setelah register, kalian bisa coba-coba dulu perpendek link, sebagai contoh link youtube lucu trus sebarin ke social media kayak facebook atau twitter, cara perpendek link nya seperti gambar diatas, tinggal masukin url yang mau diperpendek lalu tekan shorten secara otomatis nanti bakal keluar di kotak itu juga link yang sudah diperpendek.
  • Jika kalian sudah mengerti cara shorten link, kalian harus buat blog gratisan seperti wordpress dan blogspot, pengalaman saya lebih baik buat blog download seperti lagu, film game. Saya sih waktu itu buat web download game, kenapa harus blog download?, soal nya banyak di cari orang dan mau gamau orang tersebut harus klik tombol download yang udah kalian sisipin link shorte.st kalian dan jangan kalian perpendek link palsu, supaya orang itu bisa balik lagi ke blog kalian.
  • Jangan terlalu diseriusin, karena pengalaman saya waktu itu saya ngebet banget pengen dapetin dollar, akhirnya saya menyerah karena selama setengah bulan saya belum menghasilan apa-apa bahkan padi aja butuh waktu untuk panen saya lupa konsep itu, Jadi anggap aja selingan, tiap hari di kasih konten blog nya. waktu itu konten saya ga nyampe 50 an saya nyerah pas setengah bulan saya cek lagi, ternyata saya udah dapet 10 dollar dan visitor blog saya meningkat drastis ketika melihat hal tersebut saya pun menyesal, kenapa saya harus menyerah, seandainya tiap hari saya kasih konten, mungkin penghasilan saya bisa 100 dollar per bulan dan visitor saya mungkin jauh lebih banyak dari sekarang. (Intinya posting terus artikel !) 
Jangan buat blog download yang target visitor nya orang Indonesia, karena pasti earningnya sedikit dan anda pasti bakal lama payout(gajian), kalo bisa target negara-negara premium seperti USA, Russia dan Spanyol. Jika kalian ingin sukses untuk mendapatkan dollar dari internet, kalian harus pantang menyerah dan kalo bisa munculin passion ngeblogging nya, biar kalian ga gampang jenuh, misalkan kalian udah dapetin 100 dollar dari shorte.st , itu akan menjadi passive income kalian walaupun kalian ga update konten, kalian bakal dapetin segitu terus tiap bulan nya, bahkan udah banyak orang yang dapetin lebih dari 100 dollar.

Sekian artikel "Cara Mendapatkan Uang Dari Shorte.st(Dengan Bukti Pembayaran"), jika kalian merasa terbantu dengan artikel ini, alangkah baiknya di share ke teman-teman kalian atau socmed kalian dan mohon maaf bila ada kata-kata yang tidak di mengerti dan typo. Saya mungkin akan muncul lagi dengan artikel-artikel lainnya yang berguna.