Skip to main content

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar Untuk Pemula #1

Belajar HTML Dasar

Apa itu HTML?. Pada kesempatan sebelumnya saya sudah pernah membahas mengenai sejarah, pengertian, contoh html, dll pada artikel sebelunya. 

Baca Juga : Pengertian HTML, Contoh, dan Cara Kerjanya

Nah, jadi pada artikel kali ini kita akan mencoba belajar html dari yang paling dasar agar teman-teman bisa memahaminya dengan baik dan benar serta membahasnya sedikit. Pada judul Belajar HTML Dasar  ini akan dijelaskna tentang pengertian html dan sekilas tentang sejarah html dan perkembangannya

Apa Itu HTML?

HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis website(Web Programming), HTML menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html). dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan, HTML adalah dasar dari sebuah website. untuk membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang dinamis. jika halaman website dibuat hanya menggunakan HTML saja maka halaman website tersebut di sebut halaman statis karena tidak memiliki aksi atau fungsifungsi yang dapat mengelola website. tentu developer akan sangat di sibukkan dengan harus mengubah lagi file HTML setiap ingin mengupdate artikel.

HTML memiliki beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list, membuat hyperlink atau link yang menghubungkan antar halaman website dan banyak lagi lainnya yang akan kita bahas.

Kegunaan HTML

HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat di lakukan dengan HTML adalah sebagai berikut :

  1. Membungkus element-element tertentu sesuai kebutuhan. 
  2. Membuat heading atau format judul.
  3. Membuat Tabel.
  4. Membuat List.
  5. Membuat Paragraf.
  6. Membuat Form.
  7. Membuat Tombol.
  8. Membuat huruf tebal.
  9. Membuat huruf miring.
  10. Menampilkan gambar.
  11. Menampilkan video.

Memilih Text Editor Untuk Belajar HTML

Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti Notepad yang disediakan oleh sistem operasi windows, Textedit yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh sistem operasi linux. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.
Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. browser ini ialah syarat yang harus anda penuhi jika anda belajar web programing. untuk browser itu sendiri bisa digunakan yang sudah disediakan oleh sistem operasi langsung ataupun bisa juga digunakan aplikasi browser yang lain seperti: Mozilla Firefox, Opera, Chrome dan sebagainya.

Memilih Text Editor Sesuai Dengan Keinginan

berikut beberapa text editor yang kami sarankan untuk digunakan dalam penulisan code program bagi anda yang baru belajar bahasa pemrograman.

Sublime Text Editor

Sublime Text editor adalah text editor yang paling banyak digunakan oleh programer, text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya. Text Editor ini tersedia untuk windows, Mac, dan Linux. Untuk anda yang ingin menggunakan sublime bisa di download dari situs resminya langsung, yaitu di https://www.sublimetext.com/

Notepad ++

Text editor ini bisa digunakan untuk windows dan free licence (dalam artian bebas digunakan tanpa mengeluarkan biaya). Text Editor ini memiliki ciri khas tersendiri dan banyak fitur-fitur yang bisa diinstal di text editor ini. untuk anda yang ingin menggunakan text editor notepad++ bida di download pada situs resminya, yaitu https://notepad-plus-plus.org/.

Atom

Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Text Editor ini bisa digunakan oleh platform Mac, Windows, dan Linux. Untuk anda yang ingin menggunakan text editor ini bisa di download di https://atom.io/

Bracket

Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. Text editor ini bisa digunakan untuk Platform Mac, Windows dan Linux. untuk anda yang ingin bergelut dengan brackest bisa di download di http://brackets.io/

Netbeans

Text editor ini merupakan salah satu favorit programer. namun text editor ini bisa di kategorikan lebih berat dari text editor lain yang disebutkan di atas. kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi. untuk anda yang ingin menikmati editor ini bias di download di situs resmi netbeans, yaitu di https://netbeans.org/


Mungkin cukup sampai disini dulu mengenai pembahasan pengrtian HTML Dasar, untuk selanjutnya kita akan belajar mengenai Tag, Element, dan Atribut Html. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML




Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

Percabangan IF Else Pada Bahasa C dan Contohnya

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan belajar lagi masih seputar bahasa C yaitu Percabangan IF Else. Apa sih itu Percabangan IF Else? IF Else merupakan suatu percabangan, bisa juga di sebut pemilihan dalam program, dimana program tersebut memiliki satu atau bahkan lebih dari satu kondisi yang didalamnya ada sebuah intruksi yang dilaksanakan jika kondisi tertentu dapat terpenuhi. Dibawah ini merupakan Struktur dari IF Else if (condition) {   //Kode program yang akan dijalankan jika condition berisi nilai True (1) } else {   //Kode program yang akan dijalankan jika condition berisi nilai False (0) } Bagian condition berperan sebagai penentu dari struktur percabangan ini. Jika condition terpenuhi (menghasilkan nilai TRUE atau 1), blok kode program milik IF akan dijalankan. Jika condition tidak terpenuhi (menghasilkan nilai FALSE atau 0), blok kode program bagian ELSE-lah yang akan diproses.   Contoh Praktek IF Else - Menentukan Umur Program C #include...
2 comments
Read more »

Belajar HTML Dasar #6 - Membuat Tabel Pada HTML

Membuat Tabel Pada HTML Tabel merupakan struktur yang digunakan untuk nmenampilkan informasi dalam bentuk baris dan kolom. Pada html, untuk pembuatan tabel menggunakan tag <table> dan menggunakan tag <tr>   untuk membuat baris dan <td> untuk membuat kolom. Untuk lebih mudah dalam memahami pembuatan table pada html, berikut ini akan saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML. Tag <table> merupakan tag pembuka dalam pembuatan sebuah table pada html, tanpa tag <table>   ini, penggunaan <tr> dan <td> tidak bisa digunakan dengan baik. < tr> atau dikenal dengan table row merupakan tag yang digunakan untuk membuat baris dalam table html. <td> atau dikenak dengan tabel data merupakan tag yang digunakan untuk membuat kolom  dalam baris dan tag < th> untuk membuat tablehead atau bagian kepala pada table. Dibawah ini adalah contoh pembuatan table pada HTML berikut : <! DOCTYPE ht...
Post a Comment
Read more »

Program Menghitung Pendapatan Karyawan Perusahaan Cat

Assallammualaikum wr.wb Pada kesempatan kali ini kita akan membuat sebuah program lagi menngunakan bahasa c yaitu tentang menghitung pendapatan karyawan suatu perusahaan Cat. C ontoh persoalannya seperti dibawah ini. Suatu perusahaan cat memberikan komisi kepada para karyawannya dengan ketentuan sebagai berikut : Bila karyawannya bisa menjual cat hingga Rp. 200.000,akan diberikan uang jasa sebesar Rp. 20.000,- ditambah dengan uang komisi 10% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 200.000,-akan diberikan uang jasa sebesar Rp. 50.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Bila karyawannya bisa menjual cat diatas Rp. 400.000,-akan diberikan uang jasa sebesar Rp. 75.000,- ditambah dengan uang komisi 15% dari pendapatan yang diperoleh hari itu. Buatl ah program if-else untuk menghitung pendapatan karyawan perusahaan tersebut? Program bahasa C #include <stdio.h> int main() {   ...
2 comments
Read more »

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML Untuk memahami pembuatan paragraf pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf atribut tag tersebut yaitu : 1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p> 2. Membuat paragraf rata kanan menggunakan  <p align="right"> .................. </p> 3. Membuat paragraf rata tengan menggunakan  <p align="center"> .................. </p> 4. Membuat paragraf rata kiri kana menggunakan  <p align="justify"> .................. </p> Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p>   dalam dokumen html : <! DOCTYPE html > < html > < head > < title >belajar membuat parag...
Post a Comment
Read more »