Komputer aplikasi it-I (html) PERTEMUAN 4 Dosen : Bella Hardiyana S. Kom
Blockquote/ Indentasi <blockquote> digunakan untuk membuat indentasi paragraph. Syntax : <blockquote> teks </blockquote> Contoh : <body> <blockquote> Ini adalah teks. </blockquote> </body>
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
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>
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
Contoh Penggunaan Gambar <img src="http://www.w3schools.com/images/ie.gif"> <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”>
Tugas BUAT E-MAIL BARU Format : nama_lengkap_kelas@yahoo.com Contoh : bella_hardiyana_mi8@yahoo.com Lalu KIRIM Pesan ke bellahardiyana@yahoo.co.id 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