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

Google Contact | Nomer Kontak HP Pun Tidak Hilang Lagi

Google Contact adalah layanan aplikasi dari google yang menyimpan nomer kontak HP temen-teman baik pribadi, perusahaan, kolega bukan hanya nomer phone tapi juga email, nomer kontak tidah hilang lagi. Bagaimana cara penggunaanya akan dibahas di artikel ini Hp anda hilang atau rusak maka hilang sudah daftar kontak telepon anda. tetapi dengan mempunyai aplikasi google kontak, dan anda simpan nomer kontak anda di google kontak. Bila hp anda hilang dan beli Hp baru anda tinggal buka akun google anda dan download kembali google kontak maka No kontak anda akan tetap tersimpan di goole contak bukan hanya no Hp , google juga menyimpan alamat email yang ada di gmail anda. BACA JUGA: Google Bisnisku : Cara Memunculkan Bisnis Anda di Google Google Ads | Bagaimana Buat Akun dan Cara beriklan Cara Menghubungkan Google Adsene Ke Blog di Blogger | Dari Awal, Approval, Seting Iklan Sampai Terima Pendapatan Iklan Fitur yang Ditawarkan Google Kontak  Sebelum anda memanfaatkan fitur-fitur yang ada dalam g

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

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