Bagikan melalui

Dasar-Dasar HTML

Sebagian besar browser memiliki kemampuan untuk memeriksa sumber HTML halaman yang Anda telusuri. Ketika Anda melihat sumber, Anda akan melihat sejumlah tag HTML (bahasa markup Hypertext), dikelilingi oleh tanda kurung sudut(<>), diselingi dengan teks.

Langkah-langkah di bawah ini menggunakan tag HTML untuk membangun halaman Web sederhana. Dalam langkah-langkah ini, Anda akan mengetikkan teks biasa ke dalam file di Notepad, membuat beberapa perubahan, menyimpan file, dan memuat ulang halaman Anda di browser untuk melihat perubahan Anda.

Untuk membuat file HTML

  1. Buka Notepad atau editor teks biasa apa pun.

  2. Dari menu File , pilih Baru.

  3. Ketik baris berikut:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Dari menu File , pilih Simpan, dan simpan file sebagai c:\webpages\First.htm. Biarkan file terbuka di editor.

  5. Beralih ke browser Anda, dan dari menu File , pilih Buka, atau ketik file://C:/webpages/first.htm di kotak edit URL browser. Anda akan melihat halaman kosong dengan keterangan jendela "Tag HTML Teratas."

    Perhatikan bahwa tag berpasangan dan disertakan dalam tanda kurung sudut. Tag tidak sensitif huruf kapital, tetapi kapitalisasi sering digunakan untuk membuat tag lebih menonjol.

    TAG <HTML> memulai dokumen, dan tag </HTML> mengakhirinya. Tag penutup (tidak selalu diperlukan) sama dengan tag awal, tetapi memiliki garis miring ke depan (/) di depan tag. Seharusnya tidak ada spasi antara tanda kurung sudut (<) dan awal tag Anda.

  6. Beralih kembali ke Notepad, dan setelah baris <HEAD>, ketik:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Dari menu File , pilih Simpan.

  8. Beralih kembali ke browser Anda dan refresh halaman.

    Kata-kata akan muncul di area klien jendela browser Anda. Perhatikan bahwa pengembalian pengangkutan Anda diabaikan. Jika Anda ingin memiliki pemisah baris, Anda harus menyertakan <BR> tag setelah baris pertama.

    Untuk semua langkah berikut, sisipkan teks di mana saja antara <BODY> dan </BODY> untuk ditambahkan ke isi dokumen Anda.

  9. Tambahkan header:

    <H3>Here's the big picture</H3>

  10. Tambahkan gambar, menggunakan file .gif yang disimpan di direktori yang sama dengan halaman Anda:

    <IMG src="yourfile.gif">

  11. Tambahkan daftar:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Untuk menomori daftar, gunakan pasangan tag <OL> dan </OL> sebagai pengganti tag <UL> dan </UL>.

Itu seharusnya bisa membuat kamu memulai. Jika Anda melihat fitur hebat di halaman Web, Anda dapat mengetahui bagaimana fitur tersebut dibuat dengan memeriksa sumber HTML. Editor HTML seperti Microsoft Front Page dapat digunakan untuk membuat halaman sederhana dan tingkat lanjut.

Berikut adalah seluruh sumber HTML untuk file yang telah Anda bangun:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Untuk deskripsi lengkap tag, atribut, dan ekstensi, lihat spesifikasi Hypertext Markup Language (HTML):

Versi HTML terbaru yang diterbitkan di W3C.org.

Lihat juga

Dasar-Dasar Pemrograman Internet MFC