Kelas : 6D
Standar
Kompetensi : Menggunakan Program Pengolah HTML
Kompetensi
Dasar : Menggunakan Tag-Tag Untuk Membuat Dokumen HTML
MENAMPILKAN
GAMBAR KE DALAM HTML
Untuk menampilkan gambar, digunakan tag <img>. tag
<img> mempunyai atribut, yaitu atribut src.
<img src=”nama gambar”>
contoh :
<img src=”logo.gif”>
<img src=”image/gbr1.jpg”>
Sebelum
membuat struktur HTML, Gambar yang akan ditampilkan harus di rubah formatnya
menjadi Web Pages.
Contoh
Latihan Menampilkan Gambar :
<html>
<head>
<title> ALAZHAR ONLINE </title>
</head>
<body bgcolor="green" text="black">
<marquee behavior="alternate"
bgcolor="orange">
<strong>Selamat Datang di Website Perguruan Alazhar
Lampung</strong>
</marquee>
<hr size="1" noshade>
<p align =center><font color="aqua"
face=arial>
<img src="gambar2.jpg" align="left"
vspace="2" hspace="3">
Nama ku Aisyah, aku kelas 6A ini pertama kalinya aku membuat program
html, aku senang sekali belajar program html, aku selalu memperhatikan setiap
guruku menjelaskan didepan dan aku mulai tertarik untuk belajar html.
<b>belajar html itu Asiik</b>
</p>
<p align =right><font color="yellow"
face=jokerman font size="5">
<img src="gambar3.jpg" align="left"
vspace="80" hspace="3"><br>
<br>Nama ku Faiz, aku kelas 6E awalnya aku bingung belajar
html tapi karena aku selalu memperhatikan guruku menjelaskan, akhirnya aku bisa
dan ternyata belajar html itu mudah dan menyenangkan lho
teman-teman…<b>Ayo Belajar HTML</b>
</p>
</body>
</html>
Maka tampilannya akan seperti berikut ini :
Tidak ada komentar:
Posting Komentar