dayak sungai: Belajar HTML

Berikut modul HTML (bagian 1) hasil karya saya sendiri (Indra Lesmana), silakan bisa dipakai untuk belajar.

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 :

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 :

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 seperti notepad, 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 :

Untuk lebih lanjut, tunggu postingan berikutnya yaa :D

link

Senin, 21 Maret 2011

Belajar HTML

Tidak ada komentar:

Posting Komentar