Saturday, September 10, 2016

Latihan Membuat Halaman HTML

Halaman HTML digunakan untuk menampilkan content - content yang ingin ditampilakn. Untuk membuat halaman HTML, dapat dilakukan dengan langkah - langkah berikut :

  • Buatlah kerangka halaman dengan menuliskan format dasar HTML, seperti berikut pada lembar notepad dan simpan dengan nama "test.html"

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/charset=utf-8">
<title>LATIHAN MEMBUAT HALAMAN HTML</title>
</head>

<body>
</body>
</html>


  • Selanjutnya, ketik kode berikut diantara kode <body>isi</body> pada halaman test.html untuk membuat heading.
<h1>Selamat Datang Di Halaman HTML Saya</h1>

  • Buat sebuah paragraf dengan cara mengetikkan kode berikut dibawah heading yang anda buat sebelumnya.
<p>Ini adalah Halaman Pertama Saya di HTML</p>
<p>Ini adalah Biodata Pribadi Saya</p>

  • Seterusnya tuliskan script berikut dibawah paragraf yang anda buat untuk biodata.
<ul>
<li>Nama: "Nama Anda"</li>
<li>Alamat: "Alamat Anda</li>
<li>Hobby: "Hobby Anda"</li>
</ul>
  • Simpan hasil pembuatan halaman dan lihat hasilnya dengan menggunakan browser kesukaan anda misalnya dengan mozilla firefox, google chrome dll. Double click pada halaman test.html yang anda save tadi, Hasilnya akan terlihat seperti gambar dibawah ini.

Tampilan halaman test.html

No comments:

Post a Comment