MATERI AJAR PERTEMUAN 18
KELAS 6E dan 6F
JUM'AT, 22 November 2019
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