Oleh: lesmanaindra | 13 April 2011

Pengenalan Dasar HTML


Dasar-dasar HTML
Oleh : Indra Lesmana
Mengenal HTML
HTML kependekan dari Hypertext Markup Language, merupakan bahasa Scripting yang berguna untuk menuliskan halaman web. Pada halaman web, HTML dijadikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemrograman lainnya.
HTML  hanyalah merupakan sebuah kode scripting dan bukan merupakan program kompiler, maka kita dapat menuliskan semua kode program menggunakan berbagai Editor, diantaranya notepad, Macromedia Dreamweaver, Front Page, dan lain-lain.
Sintaks Dasar HTML
HTML  memiliki beberapa sintaks dasar yang hampir mirip dengan semua pemrograman baik yang berbasis web maupun visual.
1. Struktur Dasar
Struktur dasar pemrograman HTML yaitu sebagai berikut :
<html>
<head>
<title>Judul web</title>
</head>
<body>
Penulisan Informasi web
</body>
</html>
 

2. Tag HTML
Dokumen HTML, didahului oleh tag HTML dan ditutup dengan tag HTML juga, ini menandakan bahwa dokumen tersebut adalah dokumen HTML. Sintaksnya adalah :
<html>..isi web..</html>
3. Tag Head
Tag ini digunakan untuk mendefinisikan halaman web, dalam bagian ini terdapat beberapa tag yang berfungsi untuk mendefinisikan judul yang berkaitan dengan halaman web yang dibuat. Tag yang berguna mendefinisikan judul yaitu tag <title>. Penulisannya :
<head>
<title>..Judul web..</title>
</head>
Selain itu, juga ada tag META untuk mendefinisikan informasi halaman web. Scriptnya :
<META atribut=”value”>
Atribut
Value
Keterangan
Name
Text
Untuk mendeklarasikan kedudukan pengisi, misalnya “programmer”
Content
Text
Menjelaskan dari judul yang dideklarasikan pada atribut name
http-equiv
text
Untuk mendeklarasikan atribut server HTTP
Contoh :
<meta name=”programmer” content=”indra lesmana”>
4. Tag Body
Merupakan kode yang berguna untuk meletakkan semua isi web yang akan kita buat. Kode ini diawali dengan tanda <body> dan diakhiri dengan </body>.
Script Pertamaku
Untuk membuat script HTML, Anda bisa menggunakan text editor bawaan windows sepertinotepad, atau juga mengunakan aplikasi pihak ketiga, misalnya Macromedia Dreamweaver. Untuk membuat script pertama kita, kita gunakan text editor NotePad. Buka notepad, lalu ketikkan script dibawah :
<html>
<head>
<title>Web pertamaku </title>
</head>
<body>
Ini adalah halaman web pertamaku…!!!
</body>
</html>

Setelah selesai, save as filenya, jangan lupa pilih all files. Lalu isi pada file name dengan nama webku.html. Coba buka double klik file tersebut, hasilnya akan seperti berikut :
webku.jpg (429×325)

Untuk lebih lanjut, tunggu postingan berikutnya yaa😀

Responses

  1. tengkiu atas kunjungan sebelumnya
    salam,

    -wong168-


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Kategori

%d blogger menyukai ini: