Belajar HTML Lengkap part 1 : Untuk Pemula Pengertian HTML

Belajar HTML Lengkap part 1 : Untuk Pemula Pengertian HTML

Hallo.. selamat datang teman-teman di blog Ngoding Tah ? senang sekali rasanya dapat menyapa teman-teman sekalian semoga teman-teman sekalian selalu dalam keadaan sehat dan selalu dalam lindungan Allah SWT. Bahagia sekali rasanya kini teman-teman telah mengambil sebuah keputusan yang baik untuk mulai belajar programming dan lebih tepat nya pada kesempatan kali ini kita akan mulai belajar tentang dasar dari membuat sebuah halaman website.

Dalam membuat sebuah halaman website hal yang paling dasar perlu kita pelajari yang pertama ialah belajar tentang HTML. Tahukah teman-teman apa itu ? Mungkin di antara teman-teman ada yang pernah mendengarnya ? Yaps.. benar sekali teman-teman HTML merupakan sebuah struktur dasar pada halaman website. Seperti contoh halaman yang sedang teman-teman buka ini, HTML merupakan pondasi tersusunnya halaman ini. Karena tidak hanya rumah saja yang memerlukan sebuah pondasi untuk membuat sebuah bangunan yang kokoh, untuk membuat halaman website yang menarik atau teman-teman ingin menjadi web developer profesional kita perlu memperkokoh terlebih dahulu pondasinya yaitu dengan mempelajari HTML terlebih dahulu.

Pengertian HTML 

HTML singkatan dari Hyper Text Markup Language. HTML adalah sebuah dokumen/file yang di dalamnya seperti teks biasa yang dapat berfungsi lain seperti berpindah dari satu dokumen ke dokumen HTML lain dan pada saat menyimpan nya di berikan extensi atau akhiran .html (dot html). file HTML dapat di buka melalui browser seperti (Google Chrome, Mozila Firefox, Opera, Safari, Internet Explor dan lain sejenisnya).

HTML disebut hyper Text karena di dalam dokumen HTML kita dapat menjadikan sebuah teks sebagai link yaitu untuk berpindah dari halaman satu ke halaman lainya apabila kita mengklik nya, namun tidak hanya teks yang dapat berpindah ketika di klik kita juga dapat mengaplikasikan pada sebuah gambar. Dan karena kemampuan nya ini maka disebut lah hyper Text.

HTML disebut Markup Language karena HTML terdiri dari element-element yang tersusun di dalamnya yang disebut sebagai tag HTML, tag HTML berfuungsi unutk mengatur tampilan yang kita lihat pada halaman website seperti membuat teks tebal, miring, garis bawah, membuat paragraf, membuat form, tombol, list dan lain sebagainya.

Perlu di ingat teman-teman bahwa HTML itu bukanlah bahasa pemrogramman melainkan hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman website.

Dengan HTML kita sudah bisa membuat sebuah halaman website, namun halaman website yang telah kita buat akan tampak membosankan karna tampilannya hanya hitam dan putih saja oleh sebab itu kita perlu CSS untuk menghias website agar tampilannya menarik dan lebih berwarna. Lalu apakah cukup dengan hanya menggunakan HTML dan CSS ? tentu tidak teman-teman kita perlu mengkombinasikan dengan bahasa pemrograman lainnya seperti PHP dan juga Javascript untuk membuat fungsi-fungsi yang dapat mengelola website yang kita buat, sedangkan untuk menyimpan data perlu yang namanya Database.

Versi HTML

HTML memiliki banyak versi teman-teman dan yang terbaru saat ini adalah HTML versi 5 yang sudah pastinya memiliki fitur yang lebih baik dari versi terdahulunya. Adapun salah satu fitur nya adalah kita tidak perlu lagi menggunakan Adobe Flash karena pada versi HTML 5 sudah mendukung element audio dan video yang memungkinkan pengguna untuk tidak mendownload plugin atau aplikasi tambahan untuk memutar audio maupun video dan juga masih banyak lagi fitur-fitur lainya.

Aplikasi Yang Digunakan

Setelah teman-teman mulai sedikit mengenal apa itu HTML pasti mungkin kalian bertanya bagaimana cara menjalankannya, lalu aplikasi apa saja yang digunakan dan tentu cara membuat HTML itu sendiri, untuk menulis kode HTML kalian perlu mempersiakan :

  1. Text Editor
  2. Browser

Text Editor adalah sebuah aplikasi yang nantinya di gunakaan bagi teman-teman yang ingin membuat sebuah website, aplikasi ini di gunakan untuk menulis syntax atau kode program, teman-teman yang ingin membuat sebuah website dapat mengunakan Text Editor mulai dari Text Editor yang gratis sampai dengan yang berbayar. Oke saya akan beritahukan aplikasi bisa teman-teman gunakan di antaranya :

  1. Notepad (bagi anda pengguna sistem operasi Windows aplikasi ini grstis dan secara deafault sudah terinstall)
  2. Texedit (bagi pengguna sistem operasi Mac aplikasi ini grstis dan secara deafault sudah terinstall)
  3. Nano, Gedit, TextEditor (bagi pengguna sistem opeasi linux grstis dan secara deafault sudah terinstall)
  4. Sublime Text (tersedia untuk Windows, Mac & Linux)
  5. Notepad++ (tersedia untuk Windows dapat digunakan secara gratis)
  6. Atom (tersedia untuk Windows, Mac & Linux)
  7. Brackets (tersedia untuk Windows, Mac & Linux)

Browser adalah aplikasi yang kalian gunakan nantinya untuk menjalankan kode program HTML yang dibuat. Ada banyak Browser yang dapat teman-teman coba mulai dari yang sudah terinstall pada sistem operasi yang teman-teman gunakan. Maupun aplikasi lainya. Berikut beberapa browser yang dapat menjalankan kode program HTML :

  1. Microsoft Edge (sudah ada pada sistem operasi windows)
  2. Internet Explorer (sudah ada pada sistem operasi windows)
  3. Mozila Firefox (sudah ada pada sistem operasi Linux)
  4. Google Chrome (Bisa di download pada situs resminya)
  5. Opera (Bisa di download pada situs resminya)

Cara membuat, menulis, menjalankan HTML

Yang pertama buka Text Editor yang kalian punya lalu coba tuliskan kode HTML berikut ini pada Text Editor

<!DOCTYPE html>
<html>
<head>
 <title>Belajar HTML</title>
</head>
<body>
Citataku Menjadi Programmer...
</body>
</html>

Lalu simpan dengan nama misalnya index.html atau nama lainya sesuka hati teman-teman saja dan yang terpenting jangan lupa unutk selalu memberikan akhiran atau extensi .html pada setiap membuat dokumen HTML lalu pilih lokasi dimana teman-teman ingin menyimpannya.

Setelah itu cari dimana file HTML itu disimpan dan Klik Kanan lalu Open With dan pilihlah browser yang ingin teman-teman gunakan untuk menjalankan kode HTML. Dan berikut adalah hasil yang terlihat pada browser.

Contoh HTML


Itu lah tadi sekilas tentang HTML dan cara membuat, menulis serta menjalankan nya, akan banyak sekali teman-teman yang perlu kita pelajari untuk membuat sebuah website yang profesional, namun tenang saja teman-teman pada blog ini kita akan mulai dari noll jadi tetaplah semangat teman-teman, sampai jumpa di episode berikutnya.

Incoming Search Terms :

→ belajar html lengkap untuk pemula pdf
→ belajar html otodidak
→ belajar html dan css
→ belajar html lengkap pdf
→ belajar html dengan notepad
→ cara belajar html dengan cepat
→ coding html lengkap
→ belajar html online
→ tutorial belajar html dasar untuk pemula
→ belajar html dari nol
→ pengenalan dasar html untuk pemula
→ belajar dasar html lengkap pemula dari nol awal
→ Rio Ananda Putra

0 Response to "Belajar HTML Lengkap part 1 : Untuk Pemula Pengertian HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel