Paragraf, Hyperlink dan Gambar MATA KULIAH PEMROGRAMAN WEB Materi Keempat Paragraf, Hyperlink dan Gambar Dosen : Vindo Feladi, ST, M.Pd
Indikator Mahasiswa dapat menerapkan fungsi tag paragraf pada html. Mahasiswa dapat menghubungkan file satu dengan file lainnya dengan hyperlink. Mahasiswa dapat memasukkan gambar pada halaman web.
Membuat paragraf Tag <P> umumnya untuk menandai suatu paragraf baru. Biasa juga dapat menggunakan tag <BR> untuk memulai baris baru, namun pemakaian tag <P> terutama digunakan untuk membuat group paragraf dengan formatting style tertentu.
Contoh <HTML> <HEAD> <TITLE>paragraf</TITLE> </HEAD> <BODY> <P ALIGN="center"> Keberhasilan Microsoft dalam memasarkan produknya dapat diacungkan jempol, dibuktikan dengan banyak perusahaan yang menggunakan produknya. <P ALIGN="right"> Salah satunya adalah Microsoft Word yang menjadi standar pengolah kata di banyak perusahaan. <P ALIGN="left"> Microsoft Word dilengkapi dengan banyak feature untuk memudahkan penggunanya. </P> </BODY> </HTML>
Hyperlink (menghubungkan ke halaman web lain) Untuk menghubungkan halaman web dengan halaman lainnya, HTML menyediakan pasangan tag <A> dan </A> Pemakaian tag ini yang diikuti dengan atribut HREF akan memungkinkan halaman web Anda terhubung ke halaman web lainnya. Contoh : Ini adalah link ke <A HREF=http://www.yahoo.com> Your Searching Web </A>
Menampilkan Gambar HTML menyediakan tag <IMG> untuk menampilkan gambar pada halaman web. <IMG SRC=”gambar1.gif” ALT=”gambar1”> Perintah HTML diatas akan menampilkan gambar gambar1.gif dan menampilkan teks “gambar 1”. Ekstensi grafik yang biasa di tampilkan oleh HTML adalah GIF, JPG, dan BMP.
<HTML> <HEAD> <TITLE>contoh10 <HTML> <HEAD> <TITLE>contoh10.htm</TITLE> </HEAD> <BODY> <H1>Pelatihan Situs Web Bisnis</H1> <BR>Pergi ke web site <IMG SRC=“nama_gambar.gif" ALIGN="MIDDLE"> <A HREF=“file html yang dikunjungi.html">Pelatihan HTML</A> </BODY> </HTML>