Blog Pemula

24 July 2011

Belajar HTML dasar (3)

Akhirnya malesnya ilang buat nglanjutin materi yg kmrn, hehe.... Lsg aja ya...

Tag <P>, <BR>, dan <HR>

Tag <P> digunakan untuk membuat paragraf dari dokumen HTML yg akan kita buat. Tag <P> memiliki atribut bernama ALIGN yg gunanya untuk menentukan apakan paragraf yg kita buar akan rata kiri(LEFT), kanan (RIGHT), tengan (CENTER), atau justify (JUSTIFY).

Tag <BR> adalah tag yg tidak perlu dtuliskan berpasangan, yg dgunakan untuk memisahkan teks menjadi baris baru, seperti fungsi tombol ENTER jika kita mengetik dg MS WORD.

Tag <HR> jg tdk perlu dituliskan berpasangan, dgunakan untuk membuat garis horisontal pada web kita. Tag <HR> memiliki atribut SIZE dan WIDTH untuk menentukan tinggu dan lebar garis yg kita buat pada web.

Untuk memahami fungsi dari Tag tsb, kita coba latihan.

  • Jalankan Notepad.
  • Lalu ketikkan teks dibawah ini.

<HTML>

<HEAD>

<TITLE> Latihan Tag P, BR, dan HR </TITLE>

</HEAD>

<BODY>

Selamat datang di halaman web saya yang pertama. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

Dan ini adalah paragraf kedua saya. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

<HR>

Ini contoh garis horisontal

</BODY>

</HTML>

  • Simpan dg nama "lat3.htm" di folder LatihanHTML yg kita buat sebelumnya.
  • Lalu jalankan file lat3.htm, lalu liat hasilnya.

  • Perhatikan contoh hasilnya dgambar. Paragraf yg ingin kita buat masih dtampilkan menyatu. Oleh karena itu kita harus menambahkan Tag2 yg tadi.

<HTML>

<HEAD>

<TITLE> Latihan Tag P, BR, dan HR </TITLE>

</HEAD>

<BODY>

<P ALIGN=JUSTIFY>Selamat datang di halaman web saya yang pertama. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.</P>
<P ALIGN=CENTER>Dan ini adalah paragraf kedua saya. Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.</P>
<BR>

<HR SIZE=10 COLOR="BLACK">

Ini contoh garis horisontal

</BODY>

</HTML>

  • Lalu simpan dg nama lat4.htm dfolder yg sama.
  • Jalankan file tsb lalu lihat perbedaannya dg tampilan yg sblmnya.
(A) Paragraf pertama dg ALIGN JUSTIFY/rata kiri dan kanan
(B) Paragraf kedua dg ALIGN CENTER/rata tengah
(C) Garis Horisontal

Selamat mencoba........

1 comment:

  1. Mantap tutorialnya sob, jadi tambah tahu mengenai html, thanks.

    ReplyDelete