Home  ›  html

Belajar HTML Dasar : #1 Apa itu HTML?

Written By Monday, June 22, 2020 2 Comments Edit
Belajar HTML Dasar : #1 Apa itu HTML?

Belajar HTML Dasar : #1 Apa itu HTML? - Selamat datang di codekami. Sebelum belajar mendalam mengenai HTML alangkah baiknya kita pelajari dulu seluk beluk HTML itu senditi. 

Pengertian HTML

HTML atau Hyper Text Markup Language merupakan sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi (Source: wikipedia).

File HTML bisa dibuat menggunakan text edit seperti notepad, sublime, vscode, dll. Kalo biasanya kita buat text di word, excel, ppt, dll. Pasti nanti diakhir file kita ada extensi yang berbeda-beda. Sama halnya HTML, ketika kita simpan nanti kita akan menggunakan extensi HTML atau HTM.

Sebagai contoh coba teman-teman buka text edito semisal notepad lalu ketikkan kode berikut ini :

 <!DOCTYPE html>
 <html>
 <head>
      <title>Saya sedang belajar HTML</title>
 </head>
 <body>
      <h1>Selamat Belajar HTML, semoga sukses..</h1>
 </body>
 </html>

HTML disusun dengan tag-tag. Misalnya pada tag <title>, ini merupakan tag pembuka, dan setiap tag pembuka harus diakhiri dengan tag penutup seperti </title>. Tag ini berfungsi sebagai pemberian title/judul pada website kita nantinya. Sama halnya tag <body>, tag ini berfungsi sebagai pembungkus kerangka yang berisi seluruh informasi dari web kita nantinya.

Baca juga: Belajar pemrograman php dari dasar.

Kemudian, save filenya dengan nama terserah teman-teman dan jangan lupa kasih extensi .html atau .htm, kalau sudah di save kemudian kita buka filenya. Dengan otomatis akan membuka browser default. Dan akan muncul seperti ini:


Contoh selanjutnya seperti ini :

 <!DOCTYPE html>
 <html>
 <head>
      <title>Saya sedang belajar HTML</title>
 </head>
 <body>
      <h1>Selamat Belajar HTML, semoga sukses</h1>
      <h2>Selamat Belajar HTML, semoga sukses</h2>
      <h3>Selamat Belajar HTML, semoga sukses</h3>
      <h4>Selamat Belajar HTML, semoga sukses</h4>
 </body>
 </html>

Hasilnya:

Pada script diatas terdapat <h1>,<h2>,<h3>,<h4>, tag ini berfungsi untuk membuat judul. Semakin besar angka dalam tag nya, maka kalimat yang dihasilkan akan semakin kecil.

Contoh selanjutnya :

 <!DOCTYPE html>
 <html>
 <head>
    <title>Saya sedang belajar HTML</title>
 </head>
 <body>
    <h1>Selamat Belajar HTML, semoga sukses</h1>
    <p>Nama : isi nama anda</p>
    <p>Alamat : isi alamat anda</p>
    <p>Umur : isi umur anda</p>
 </body>
 </html>

Hasilnya:

Nah pada script diatas ada tag <p>, tag ini berfungsi untuk membuat paragraf.

Jadi kesimpulannya, untuk menjadi web developer, frontend developer wajib menguasai bahasa ini. Karena HTML ini merupakan kerangka awal untuk membuat sebuah website. Ada banyak tag-tag html yang lain yang nanti kita akan pelajari diartikel selanjutnya. Tak perlu di hafalkan tag-tagnya, cukup di praktekan saja nanti juga akan hafal sendiri.

Selamat belajar, semoga sukses dan jangan lupa untuk istiqomah. Terima kasih

 Baca juga: Tutorial membuat aplikasi android web view tanpa ngoding.



2 Responses to "Belajar HTML Dasar : #1 Apa itu HTML?"

  1. AnonymousJune 19, 2020 at 2:17 AM

    Terima kasih ilmunya bang, ditunggu ilmu selanjutnya..

    ReplyDelete

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel