Cara Membuat struktur program HTML Untuk Pemula

Cara Membuat struktur program HTML: khusus Pemula  - HTML (hyper text markup langeuage) adalah bahasa standar dengan pengkodean khusus yang digunakan untuk menyusun halaman situs atau halaman aplikasi web, HTML akan diterjemahkan oleh browser menjadi sebuah tampilan dengan format-format tertentu bisa menjadi text, link, gambar dan lain sebagainya sesuai dengan perintah html yang digunakan. lalu apa itu browser?, browser adalah software yang memiliki kemampuan menerjemahkan kode-kode html untuk ditampilkan menjadi tampilan halaman situs.

Cara Membuat struktur program HTML Untuk Pemula

ketika kita membuat kode html, maka file html harus disimpan dengan akhiran .htm atau .html, keduanya sama saja baik .htm ataupun .html keduanya dapat dikenali oleh browser dan kode-kode didalamnya akan diterjemahkan menjadi sebuah tampilan halaman situs.

Struktur Dasar HTML
Struktur dasar html terdiri dari dua blok, yang pertama adalah blok header, dan yang kedua adalah blok body
  1. Blok header digunakan untuk meletakan title, mendeskripsikan CSS untuk dekorasi tampilan, mendeskripsikan JavaScript untuk membuat halaman situs interaktif, meletakan meta, title dan lainnya. sedangkan
  2. Blok body adalah area untuk meletakan kode-kode yang nanti akan menjadi tampilan halaman situs atau web, apapun yang kita letakan di blok body itu akan muncul pada tampilan di browser (mozila, google croome, internet explorer dll).
Berikut struktur dasar HTML yang harus anda ketahui:

<html>
      <head>
            <title>contoh html</title>
                   perintah-perintah head lainnya...
      </head>


       <body>
              <p>ini adalah kontent html</p>
               perintah-perintah body lainnya, yang diletakan diarea body ini akan ditampilkan oleh browser...
      </body>
</html>


  • Struktur dasar html selalu di mulai dengan tag <html> dan diakhiri dengan tag penutup </html>  Untuk head selalu dimulai dengan perintah <head> dan diakhiri dengan perintah </head> 
  • Sedangkan untuk body selalu diwali dengan perintah <body> dan diakhiri dengan perintah </body>
adapun untuk karakter perintah-perintah kode HTML, kita bisa menggunakan huruf besar saja, huruf kecil saja atau kombinasinya, semuanya tidak dibedakan, masih bisa dibaca dan sama saja. ingat ketika kita membuat script HTML file harus kita simpan dengan akhiran .html atau .htm.

Untuk membuat html banyak tool editor gratis yang yang bisa kita gunakan, untuk hanya sekedar latihan kita bisa menggunakan notpad atau notpad++, tetapi untuk tujuan profesional, sebaiknya kita menggunakan tool yang khusus, misal saya sendiri menggunakan NetBean sebagai editor untuk membuat web, atau tool lainnya yang memang handal, tool sekelas NetBean, sudah dilengkapi dengan code highlighter, membedakan warna text atau kode-kode html yang digunakan, juga sudah dilengkapi dengan autocompleter, kode saran ketika kita mengetikan perintah, autocompleter berguna sekali membantu kita mengingat kode yang lupa.

Contoh sederhana program HTML
untuk contoh program berikut anda bisa mengetiknya atau coba kopi paste perintah program html dibawah ini kedalam notepat:

<html>
   <head>
      <title>contoh html</title>
   </head>

  <body>
      <i>ini contoh tulisan miring</i><br/>
      <b>ini contoh tulisan ditebalkan</b><br/>
      <u>ini contoh tulisan digarisbawahi</u><br/>
      <i><b><u>ini contoh tulisan miring ditebalkan dan digarisbawahi</u></b></i>
  </body>
</html>

silahkan anda copy program diatas ke dalam notpad, kemudian simpan, sebelum disimpan pada kotak dialog simpan silahkan atur save as type:  pilih All Files (*.*), kemudian filename atau nama file anda bisa masukan apa saja, jangan lupa untuk memberi akhiran .html atau .htm
misal: 
Kode program.html => kemudian sialahkan anda simpan.

Untuk melihat hasilnya, silahkan anda menuju lokasi penyipanan file anda tersebut, file berakhiran .htm atau .html, kemudain silahkan anda double klik file tersebut, biasanya file berektensi .htm atau .html itu akan terintegrasi dengan aplikasi browser default, jadi anda tinggal klik file html anda tersebut, nanti akan ditampilkan hasilnya pada browser default anda. seperti mozila atau google croome atau bisa juga internet explorer.

Silahkan anda amati, bahwa kode yang diletakan diantara tag <body> dan</body> itu akan ditampilkan, jika anda sudah menguasai perintah-perintah lainnya, anda akan bisa menampilkanapapun sesuai dengan keinginan anda

0 Response to "Cara Membuat struktur program HTML Untuk Pemula"

Post a Comment

Silahkan Berkomentar Sesuai Dengan Topik Pembahasan,Komentar Spam Tidak Akan Muncul Sorry..!!!!

Iklan Atas Artikel

Iklan Tengah Artikel 1


Iklan Tengah Artikel 2

Iklan Bawah Artikel