Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Komputer aplikasi it-I (html)

Presentasi serupa


Presentasi berjudul: "Komputer aplikasi it-I (html)"— Transcript presentasi:

1 Komputer aplikasi it-I (html)
PERTEMUAN 4 Dosen : Bella Hardiyana S. Kom

2 Blockquote/ Indentasi
<blockquote> digunakan untuk membuat indentasi paragraph. Syntax : <blockquote> teks </blockquote> Contoh : <body> <blockquote> Ini adalah teks. </blockquote> </body>

3 Grouping Element Ada 2 tag yang dapat dipakai untuk mengelompokkan elemen-elemen HTML, yaitu <div> dan <span>. <span> digunakan untuk mendefinisikan inline content sementara <div> digunakan untuk block-level content. Syntax : <div align=“center”> teks </div> <span style="font-size:25; color:lavender"> teks</span> align= letak objek (left, right, center dan justify) style= format tampilan

4 Membuat Address Tag <address> digunakan jika kita hendak mencantumkan nama atau hak cipta pada dokumen HTML. Umumnya tag ini berada pada bagian akhir dokumen. Syntax : <address> teks </address> Contoh : <body> <address> Web ini dibuat oleh… </address> </body>

5 Image Tag untuk menampilkan gambar adalah <img>. Tag ini tidak membutuhkan tag penutup seperti tag lainnya. Gunakan file dengan ukuran sekecil mungkin. Umumnya gambar yang sering digunakan adalah gambar ber-extention .JPG atau .GIF Syntax : <img src=“gambar.jpg” alt=“gambarku” height=“50%” width=“50%” border=“4”> src= letak file gambar (format JPG, GIF) alt= teks yang ditampilkan bila gambar tidak muncul/sedang di load height/width= ukuran tinggi dan lebar gambar (dalam % atau pixel) align= kedudukan gambar terhadap teks (bottom, top, left, right) border= bingkai dengan garis hitam

6 Contoh Penggunaan Gambar
<img src=" <img src=“gambar.gif"> <img src=“Image\gambar.jpg”> <img src=“gambar.jpg” width=“50%” height=“75%> <img src=“gambar.jpg” width=“500” height=“750”> <img src=“gambar.jpg” align=“top”> <img src=“gambar.jpg” alt=“Gambar Gw”> <img src=“gambar.jpg” border=“5”>

7 Tugas BUAT E-MAIL BARU Format : nama_lengkap_kelas@yahoo.com
Contoh : Lalu KIRIM Pesan ke Isi Pesan : nama, nim, kelas DISIMPAN DALAM FILE Buatlah kreasi website sendiri dengan menyertakan minimal tag-tag berikut ini <blockquote>, <div>, <span>, <img>, <font>. Beri nama tugas 4.html. Untuk gambar masukkan ke dalam folder image


Download ppt "Komputer aplikasi it-I (html)"

Presentasi serupa


Iklan oleh Google