Saturday, September 20, 2014

Cara Membuat dan Membuka file HTML

Setelah mengenal HTML, Browser, dan aplikasi Teks Editor maka selanjutnya kita akan mencoba membuat sebuah file HTML lalu menjalankannya pada Browser. Untuk membuat file HTML cukup mudah yaitu dengan membuka teks editor kemudian mengetikan beberapa baris script HTML lalu menyimpan file tersebut dengan ekstensi (dot)HTML atau (dot)HTM. Awalnya saya sempat bingung antara HTML dan HTM namun ternyata keduanya sama dan hanya masalah kebiasaan saja. Saya sendiri lebih senang memakai dot HTML bukan dot HTM agar tidak dikira Harga Tiket Masuk...

Contoh file HTML sederhana

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Ini adalah title window</title>  
 <body>  
 <h1>Ini adalah Heading</h1>  
 <p>Ini adalah Paragraf</p>  
 <i>Cetak Miring</i>  
 <b>Cetak Tebal</b>  
 </p>  
 </body>  
 </html>  

Lalu simpan menjadi file HTML, misal 2.html kemudian buka browser dan buka file 2.html tersebut pada browser. Jika benar maka akan tampak seperti ini:


Pada tampilan diatas terlihat bahwa:
  1. Teks "Ini adalah title window" yang diapit oleh tag <title> menjadi title window browser.
  2. Teks "Ini adalah Heading" yang diapit oleh tag <h1> menjadi judul dan mempunyai font yang lebih besar dari yang lain.
  3. Teks "Ini adalah Paragraf" yang diapit oleh tag <p> menjadi paragraf tersendiri yang berada dibawah judul dan diatas teks Cetak Miring dan Cetak tebal.
  4. Teks "Cetak Miring" tertampil miring karena diapit oleh tag <i>.
  5. Teks "Cetak Tebal" tertampil tebal karena diapit oleh tag <b>.
Jadi seluruh tag-tag HTML dijalankan browser sesuai dengan fungsinya.

Referensi :

0 komentar

Post a Comment