Dokumen HTML sederhana


Assalamu’alaikum…

Alhamdulillah kali ini masih sempat buat postingan baru di blog ini. Kali ini saya tidak akan muluk-muluk dulu tentang isi postingannya, saya mau sedikit share tentang HTML, ini saya tujukan kepada “teman-teman” dikampus yang masih awal sekali mengenal pemrograman web. Sebelum akhirnya masuk ke pembahasan tentang PHP, seperti yang sudah saya jelaskan tadi disini saya mau sedikit share tentang HTML dulu. Kali ini kita akan coba untuk membuat dokumen sederhana.

Dokumen HTML dapat dibuat menggunakan text editor Notepad, Gedit, Notepad++ dan sebagainya. Yang jelas file dari hasil latihan kita disimpan dengan nama namafile.html. Sekarang mari kita cobakan untuk membuat dokumen HTML sederhana.


<!doctype html>
<html>
<head>
   <title>Membuat Dokumen HTML sederhana - kangriyanto.wordpress.com</title>
</head>

<body>
   <!-- kita buat sebuah heading, dimana heading bisa <h1> sampai <h6> -->
   <h3>Hello World!</h3>

   <!-- kita buat sebuah paragraf yang ditandai dg tag <p> dan </p> -->
   <p>Kali ini saya sedang belajar membuat dokumen HTML sederhana</p>
</body>
</html>

File yang kita buat tadi silakan disimpan dengan nama dokumen_html_sederhana.html kemudian silakan buka file ini menggunakan web browser (Mozilla Firefox, Internet Explorer, Google Chrome, dsb). Silakan dicobakan untuk mengganti headingnya, dari heading pertama sampai heading keenam agar bisa mengerti perbedaannya. Selain itu, silakan ditambahkan paragrafnya.

Sekian postingan saya ini, insya Allah kalau masih ada waktu kita lanjutkan kebahasan selanjutnya. Semoga bermanfaat… 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.