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

Teknik Psikologi Pemasaran | Memanfaatkan Emosi Manusia Untuk Bisnis

Ilmu psikologi bisa dimanfaatkan untuk kepentingan bisnis, karena ternyata emosi dan prilaku yang dibahas di disiplin ilmu ini bisa dimanfaatkan oleh pebisnis untuk meningkatkan transaksi penjualan (omset) lebih lanjut mendapatkan pelanggan dan masukan untuk pengembangan produk Ada beberapa teknik psikologi marketing yang umum digunakan dan tidak diketahui oleh kebanyakan orang, dan biasanya penerapan psikologi marketing ada pada banner produk, website landing perusahaan. Apa Itu Psikologi Marketing Psikologi adalah salah satu bidang ilmu pengetahuan dan ilmu terapan yang mempelajari tentang perilaku, fungsi mental, dan proses mental manusia melalui prosedur ilmiah. Wikipedia   Marketing adalah serangkaian kegiatan untuk memenuhi kebutuhan dan kepuasan konsumen, baik dengan cara memproduksi produk kemudian memberikan harga dan mempromosikannya kepada konsumen sehingga terjadilah penjualan. Jurnal Enterpreuner Ada dua disiplin ilmu yang digunakan disini yaitu psikologi yang membahas pr

LOGO | Jenis, Fungsi, Aplikasi Membuatnya Dan Penerapanya Dalam Dunia Bisnis

Logo menjadi elemen penting dari sebuah bisnis, logo merupakan representasi dari perusahaan, produk binsis dan melekat image dari publik. Image yang baik sebuah logo berpengaruh ke hasil bisnis (penjualan dan laba). Image yang buruk juga sebaliknya ke hasil bisnis Image sebuah dari sebuah logo didapat dari usaha perusahaan akan menjalankan bisnisnya, menjaga kualitas, service dan nilai yang bagus didapat ke pelanggan akan membuat image dari logo yang juga baik. begitu juga sebaliknya. Perusahaan harus menjaga dan membangun logo/merek mereka mejadi logo yang dipercaya dan mempunyai reputasi yang baik untuk konsumennya.  Reputasi dan kepercayaan adalah modal untuk mendapatkan hasil bisnis yang baik yaitu peningkatan penjualan dan laba dimana bisa berlangung selama waktu yang panjang. Logo Apa Sih Logo merupakan suatu gambar atau sekadar sketsa dengan arti tertentu, dan mewakili suatu arti dari perusahaan, daerah, organisasi, produk, negara, lembaga, dan hal lainnya membutuhkan sesuatu y

Membuat Toko Online Sederhana Sendiri Dengan Google Site

Membuat toko online sederhana sendiri dengan google site cukup mudah. Google site dapat digunakan untuk membuat website perorangan maupun perusahaan. Jenis website profile perusahaan, sekolah, maupun profil pribadi bisa dikerjakan di platform ini Pada awalnya google site digunakan untuk membantu perusahaan level bawah sampai menegah dimana  aplikasi ini bernama jotspot, lalu dibeli google dan dinamakan google site pada tahun 2006. Sekarang google site bisa juga digunakan untuk membuat website toko online sederhana, website pembelajaran dengan memasukan multimedia sehingga cocok untuk pembelajaran jarak jauh. Google Site  Google Sites adalah aplikasi wiki terstruktur untuk membuat situs web pribadi maupun kelompok, untuk keperluan personal maupun korporat. Google Sites disiapkan sebagai pengganti dari Google Page Creator. Situs yang dibuat akan memiliki alamat http://sites.google.com/site/username/ Wikipedia Google Site VS Blogger VS Wordpress Secara umum google site, blogger, dan word