Thursday, April 12, 2012

Tutorial HTML 2 : Paragraph , Link and Image

Tutorial HTML 2 : Paragraph , Link and Image - Pada tutorial sebelumnya saya telah membahas bagaimana cara membuat heading pada HTML. Kali ini saya akan membahas mengenai cara membuat sebuah Paragraph, Link, dan menyisipkan Image/Gambar pada halaman HTML yang akan anda buat.

Untuk membuat paragraph, anda dapat menggunakan tag <p> :
<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

Ketika anda akan memulai membuat sebuah paragraph, biasakan untuk menuliskan tag <p> pada bagian awal paragraph, dan </p> pada akhir paragraph. Berikut ini adalah hasil compile nya :

Kemudian untuk membuat Link pada HTML, anda dapat menggunakan tag <a href=" "></a> :
<html>
<body>


<a href="http://www.gotgets.blogspot.com">
Ini adalah Link</a>


</body>
</html>

Untuk huruf yang saya beri warna merah, itu merupakan bagian situs atau link yang dapat anda sisipkan. Kemudian bagian yang saya beri warna biru merupakan kalimat yang digunakan untuk menyatakan link yang telah anda sisipkan pada huruf yangdiberi warna merah tersebut. Berikut adalah hasil Compile nya :

hasil compile akan keluar tulisan "Ini adalah Link" berwarna biru dengan garis bawah. Ketika anda klik tulisan tersebut, maka anda akan dibawa kedalam halaman situs yang telah anda sisipkan.

Dan yang terakhir ini adalah cara menyisipkan gambar pada halaman HTML. Untuk menyisikan gambar pada halaman HTML, anda dapat menggunakan tag <img src=" "> </a> :

<html>
<body>


<img src="w3schools.jpg" width="104" height="142" />


</body>
</html>

Pada bagian huruf yang saya beri warna merah merupakan link source dari gambar yang akan anda sisipkan pada halaman HTML anda. Berikut ini adalah hasil Compile nya :

Bagaimana, mudah bukan.? Selamat mencoba. :)

No comments:

Post a Comment

thank you Bagi teman - teman semua yang telah berkunjung, mohon memberikan secarik komen disini agar blog ini lebih maju kedepannya. Salam Blogger.

Related Posts Plugin for WordPress, Blogger...

Baca Juga Artikel dibawah ini :

get your Paypal account here..

Sign up for PayPal and start accepting credit card payments instantly.
There was an error in this gadget

Subscribe via email

Like This Blog's Posts? Get the Latest of It Directly from your Inbox for Free - Enjoy your Day!

Delivered by FeedBurner