Kelas X,

Struktur Dasar HTML

01.09 G.M.A 1 Comments

Assalammualaiku wr.wb

pertama-tama sebelum kita masuk kedalam pembuatan struktur dasar html, mari kita bahas apa itu html . html (hyper text markup language) adalah bahasa pemograman atau bahasa markup yang digunakan untuk membuat halaman web atau web page .

ada beberapa macam text editor yang bisa digunakan untuk membuat html yaitu 

  • Notepad

  • Dreamweaver

  • Notepad++

  • BlueFish

  • dll.

Pada bahasan kali ini application yang akan kita gunakan adalah Notepad ,karena Notepad merupakan salah satu text editor yang paling dasar dalam membuat html.

Dalam pembuatan html pertama tama kita harus membuat struktur dasarnya terlebih dahulu .sebelum membuat struktur dasar kita harus mempelajari atau mengetahui <>/element yang membuat atau membangun sebuah html tersebut . setiap <>/element diawali dengan tag buka dan diakhiri dengan tag tutup kecuali beberapa element seperti <br> dan <hr>. Setiap element mempunyai fungsi masing-masing seperti :
  • <html>  => Merupakan element awal yang digunakan untuk membuat sebuah html . Element ini biasa digunakan pada awal dan akhir dari sebuah html .
  • <head>  => Merupakan element yang digunakan sebagai bagian atas/kepala sebuah html . Pada bagian ini terdapat beberapa element yang dapat digunakan seperti : <title>,<style>,<script> dll.
  • <title>   => Merupakan element yang berfungsi sebagi bagian untuk membuat judul pada sebuah html . Judl yang dihasilkan berada di bagian TAB sebuah html .
  • <body> => Merupakan element yang digunakan sebagi bagian isi dari sebuah html . pada element ini terdapat banyak atribut dan banyak element yangg dapat digunakan .
 Di bawah ini merupakan contoh dari penulisan Struktur dasar html :

<html>
          <head>
                     <title>Struktur Dasar HTML</title>
          </head>
          <body>
      Bagian ini dgunakan untuk menulis          
                       
          </body>
<html>

Bila sudah selesai jangan lupa save file dengan format/extention (.html) . dan untuk membuka file tsb double klik pada file tsb atau klik kanan untuk memilih browser yang akan digunakan untuk menampilkan hasil dari file tsb . Dan berikut adalah hasil dari file html di atas :

1 komentar:

Langganan: Komentar (Atom)