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. :)