Home / HTML / HTML DASAR / Belajar Html Dasar (Basic)

Belajar Html Dasar (Basic)


     Jika kalian ingin membuat sebuah website, maka belajar html adalah jawaban yang tepat. Html (Hypertext Mark up Language) adalah sebuah langkah dasar dalam pembuatan sebuah web. Dalam pengolahannya html ini sebenarnya cukup mudah tinggal bagaimana agan-agan semua menyikapinya.

       Nah, pada kesempatan kali ini, latih kode akan memberikan turorial mengenai apasih kegunaan dan tag-tag didalam html. Sebelumnya taukah kalian apakah itu Html 5? Html 5 adalah sebuah versi terbaru dari html yaitu lebih tepatnya versi Html 5.0 yang lahir pada tahun 2008. Html 5 ini merupakan hasil kerjasama antara W3C dengan WHATWG (Web Hypertext Application Technology Working Groub.

 Untuk pembelajaran pertama mengenai html ini, yang perlu kalian ketahui adalah kode atau script dasar dari html yaitu :

 
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Contoh dasar Html</title>
  </head>
  <body>
    <h1>Aku adalah Heading 1</h1>
    <h2>Aku adalah Heading 1</h2>
    <P>Aku adalah Paragraf</P>
  </body>
</html>
Maka Hasilnya akan menjadi seperti ini :


     Dari Script atau kode diatas maka terdapat beberapa tag yang memiliki fungsi masing-masing, kode html selalu diawali dengan tag yang kemudian diakhiri dengan tanda "/". Berikut adalah maksud dan fungsi dari kode diatas.

  • <!DOCTYPE html>  : Memiliki fungsi untuk mendefinisikan bahwa kode yang ditulis merupakan kode html.
  • <html> : Merupakan tag untuk mengawali atau membuka kode html.
  • <title> : Memberikan judul pada halaman web.
  • <head> : Merupakan Bagian kepala/atas dari html atau biasanya digunakan untuk menempatkan script dari javascript, menempatkan link href , serta untuk menempatkan kode css.
  • <body> :  Kode yang merupakan isi dari konten yang akan kita buat.
     Setelah kalian Mengetahui kode dasar dari html, maka kalian juga wajib mrngrtahui apa itu komponen-komponen dalam pembentukan kode html. Komponen didalam html dibagi menjadi tiga jenis, yaitu element, tag, dan atriibut. Untuk itu Simak penjelasan dibawah ini.

ELEMEN

     Elemen adalah sebuah komponen yang berisi sebuah perintah yang menjalankan peran sebuah objek dalam dokumen, termasuk struktur dan konten dari objek tersebut. Elemen ini biasanya diapit oleh tag pembuka dan penutup. Contoh dari elemen itu sendiri adalah p, h1, h2, body, dan lain sebagainya.

TAG

    Tag adalah komponen yang memiliki fungsi untuk memberikan representasi terhadap elemen yang mendefiniskan bahwa elemen tersebut dibuka dan ditutup. Tag pembuka mengapit sebuah elemen yang bersimbol "<>". Misalnya <h1>,<h2>,<html>, dan lain sebagainya. Sedangkan tag penutup, kita tinggal memberikan simbol "/" di dalam nya. Misalnya </h1>,<h2>,</html> dan lain sebagainya. Tag ini juga berfungsi untuk memberikan sebuah informasi kepada web browser tentang elemen yang akan dibuat .

ATRIBUT

     Atribut merupakan sebuah informasi tambahan yang dapat diberikan untuk elemen, biasanya perubahan ini dilakukan untuk mengubah atau memodifikasi dokumen awal yang telah dibuat. Misalnya kita dapat memberikan atribut ID atau CLASS di dalamnya atau dengan menambahkan sebuah link seperti Href. Namun untuk menambahkan atribut id dan class, kalian harus memahami terlebih dahulu tentang apa itu css.
Berikut adalah contoh dari atribut :

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Contoh dasar Html</title>
  </head>
  <body>
    <a href="latihkode.web.id">Aku adalah link 1</a>
    <h class="header">Aku adalah Class 1</h2>
    <P id="paragraf">Aku adalah Id</P>
  </body>
</html>
Belajar Html Dasar (Basic) Belajar Html Dasar (Basic) Reviewed by Unknown on 02:21 Rating: 5

  • Belajar Html Dasar (Basic)

    No comments

    Subscribe to: Post Comments (Atom)