Skip to main content

Bahasa Pemograman HTML | Coding Paling Dasar Buat Web Developer Pemula

Bahasa pemograman HTML Hypertext Markup Language adalah coding paling dasar yang harus atau wajib di ketahui dan dikuasai para web developer, web designer, dan web master dan yang berminat membuat website pemula. Apa dan bagaimana HTML selengkapnya dibawah ini.

HTML adalah pondasi dasar pada halaman website, file HTML disimpas dalam extensi .html (dot html) dan dapat diakses pada web browser google chrome, firefox, opera, sapari, dan lain-lain. Bila kita membuat rumah, pondasi rumahnya itulah HTML

Dibutuhkan bahasa pemograman lain agar website menjadi dinamis dan memiliki fungsi-fungsi yang dapat mengelola website. Pemograman lain yang sering di padukan dengan HTML adalah CSS, JavaScript, dan PHP. 

Dinding,jendela, pintu, atap, warna dan fungsi dari rumah itulah ilustrasi bahasa pemograman lain dalam membantu HTML membuat website yang dinamis, informatif dan mudah navigasinya buat pengunjung website.



BACA JUGA:

Sejarah HTML

Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem kode berbasis internet. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya sejak 1990 dia mendaftar "beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.(Sumber. Wikipedia)


Kegunaan HTML Dalam Website

Fungsi utama HTML adalah sebagai Pondasi sebuah halaman web, dan yang bisa dilakukan dengan HTML antara lain:
  1. Membuat Heading atau format judul.
  2. Membungkus element-element tertentu sesuai dengan penulisan dokumen
  3. Membuat Tabel
  4. Membuat List
  5. Membuat Paragaraf
  6. Membuat Form
  7. Membuat Tombol
  8. Editing penulisan (hurup tebal, miring)
  9. Menampilkan gambar dan video.
Saat ini HTML sudah pada versi 5, atau disebut juga dengan HTML 5, di HTML versi 5 ini ada banyak fitur tambahan diantaranya membuat streaming video.

Kode HTML Pada Website Blog di Blogger

Di website blog di Blogger, pemahaman akan penulisan kode HTML akan memudahkan anda dalam merubah tampilan blog seperti membuat menu dan menu dropdown, juga untuk mengetahui dimana menenmpatkan script iklan google adsene.

Di dashboard blogger anda bisa merubah atau menambah kode HTML di (1) menu tema, lalu di custom anda pilih dan klik (2) edit HTML. lihat gambar dibawah. 



Misalnya anda mendapatkan script iklan google adsene anda tinggal copy paste untuk ditempatkan di antara Tag < head />, seperti gambar dibawah ini.



Kode HTML yang anda pelajari bisa di tuliskan di penulisan artikel di post blog anda, karena di  Blogger anda bisa memilih menulis artikel dengan kode HTML atau memilih menulis langsung bila tidak memahami penulisan artikel menggunakan kode HTML.

Contoh penulisan menggunakan kode HTML bisa dilihat gambar dibawah ini.


Bagaimana Mulai Belajar HTML

Awal untuk belajar menulis kode HTML, anda harus mendowload dulu aplikasi code editor yang akan digunakan dalam penulisan kode-kode HTML yang nanti akan tampil hasilnya di web browser ( chrome, Microsoft Edge, Safari).

Ada beberapa aplikasi code editor yang dipakai oleh para web developer antara lain:
  • Sublime Text Editor, ini adalah text editor yang paling banyak digunakan para programer (web develover), anda bisa download ke situs resminya https://sublimetext.com
  • Notepad ++ , text editor ini free licence (bebas digunakan tanpa biaya) dan bisa didownload pada situs resminya https://notepad-plus-plus.org
  • Atom, text editor ini lebih berat dibandingkan sublime test, anda bisa dapatkan di htpps://atom.io
  • Brackets, sama dengan atom berat dan anda bisa dapatkan di http://bracket.io
  • Netbeans, apliaksi editor yang termasuk favorit programer karena tampilan kode program yang ditulis lebih rapi dan anda bisa mendapatkanya di https://netbeans.org
Setelah mendapatkan aplikasi kode editor, saya sarankan buat pemula gunakan sublime text, anda mulai belajar kode-kode dalam HTML dan mencoba menuliskanya di kode editor.

Buat para pelajar dan pemula menulisakan kode HTML anda bisa belajar bahasa pemograman HTML san lain di handphone. Silahkan download aplikasi Dcoder di AppStore

Di HTML anda akan akrab dengan tiga istilah Tag (< tag />) , Element dan Astribut. perkerjaan penulisan HTML  mengunakan tiga istilah ini dalam membentuk sebuah dokumen yang menjadi dasar dari sebuah website.

Untuk mendapatkan pengetahuan dasar tentang HTML anda bisa membaca e-book Belajar HTML dan CSS Dasar Untuk Pemula Gratis

Untuk mempraktekanya anda bisa menonton tutorialnya sebanyak 13 video dari Web Progmaming Unpas yang diasuh oleh Sandi kagali


TONTON :

Bila ada pertanyaan bisa di tulis di kolom komentar, mudah-mudahan penulis bisa membantu.
Kunjungi halaman facebok untuk melihat postingan yang berhubungan dengan bisnis online di

Comments

Popular posts from this blog

Apa itu Fotografi, Videografi, Dan Sinematografi

Bahasa Visual atau gambar maka tidak dipisahkan dengan Fotografi dan Sinematografi, sekarang muncul istilah baru videografi. Apa sih ketiganya, yang pasti semuanya berbicara tentang gambar, gambar bergerak, dan karya visual gambar yang bisa dinikmati banyak kalangan hampir setiap hari dan setiap waktu. Menurut sejarahnya foto mulai dikenal dan temukan di akhir abad 18, dan mulai digunakan di awal abad 19 dan menjadi sebuah industri foto lalu menjadi industri film. Liat Sejarah Fotografi Sekarang fotografi dan sinematografi menjadi cabang ilmu sendiri dan ada jurusan sendiri untuk mempelajarinya, salah satunya jurusan Film dan Televisi di IKJ (Institute kesenian Jakarta). Keahlian dibidang fotografi dan sinematografi banyak dipakai di industri televisi dan iklan, juga sangat membantu ketika terjun di dunia youtuber dan selebgram yang penghasilannya melampaui yang berkerja di dunia televisi. Media Digital yang berkembang sekarang terutama hiburan di media sosial seperti youtube, instag

Cara Menghubungkan Google Adsene Ke Blog di Blogger | Dari Awal, Approval, Seting Iklan Sampai Terima Pendapatan Iklan

Cara menghubungkan google adsene ke blog anda yang anda buat di Content Management System (CMS) blogger anda buat yang pemula, dari awal ke approval lalu seting iklan di blogger dan google adsene sampai terima pendapatan iklan. Motivasi utama sebagaian blogger untuk membuat artikel-artikel di situs blog adalah pendapatan iklan, selain aktulisasi diri.  Blogger yang mendapatkan komentar positip akan tulisanya di artikel yang diposting di website blognya akan menaikan semangat menulis dan mengembangkan website blognya, tetapi bila blogger mendapatkan uang dari postingan artikel di blognya, dia akan mencurahkan perhatian dan waktunya lebih banyak ke situs blognya. Buat blogger pemula sebagian besar harapanya memposting artikel adalah menghasilkan uang terutama dari iklan google adsene , pengalaman penulis sendiri pada waktu awal awal , baru membuat  5 artikel langsung menghubungkan ke adsene dan menunggu approval dari pihak adsene dan putus asa ketika tidak ada khabar dari pihak google ad

Ukuran Iklan Banner (Banner Ads) website dan Mobile Phone

Berapa ukuran iklan banner website (Banner Ads) yang bisa dilihat di deskstop/komputer, tablet, dan mobile phone? dan ukuran mana yang paling banyak dipakai oleh google adsene? Bila kita tahu jawabannya maka bisa kita gunakan juga buat iklan website kita sendiri. Google sendiri memberikan standar ukuran banner iklan dimana ukuran banner tidak boleh menggangu kenyamana audiens website dan harus cukup perhatian dari audiens untuk melihat iklan yang pada akhirnya mendatangkan pendapatan iklan dari websitenya Iklan yang ada diwebsite ternyata 50% dilihat lewat display desktop dan 50% lagi dari display mobile Phone/HP, maka google mengisyaratkan bahwa ukuran iklan di website harus responsif dan compatible ke displaay webite dan display HP. Banner Size pada Display Website di Desktop  2 Jenis Banner Online 1.  Banner Statis Banner Statis adalah jenis banner yang dipasang di website yang berisi text dan gambar, banner statis tidak menggunakan animasi dan suara, format banner ini