Haraplakukan hal berikut untuk menyisipkan gambar ke dalam Tombol Perintah di Excel. 1. Sisipkan tombol perintah ke dalam lembar kerja Anda dengan mengklik Pengembang > Menyisipkan > Tombol Perintah (Kontrol ActiveX). Lihat tangkapan layar: 2. Kemudian klik kanan tombol perintah yang dimasukkan, dan pilih properti dari menu konteks. Andadapat memasukkan gambar pada sebuah halaman HTML dengan menggunakan tag Vay Tiền Cấp Tốc Online Cmnd. Sebagai latihan dan uji coba menjelang UKK, ada baiknya mem-Posting soal dan jawaban materi TKJ khususnya Pemrograman Web. Jika anda adalah seorang Blogger atau pernah membuat web, maka soal ini sudah pasti akan mudah dijawab. Soal ini berisi 40 soal pilihan berganda dan 10 essay. Semua soal dirangkai dengan jawaban guna mempermudah. I. Pilihlah Jawaban yang paling tepat! 1. Apakah kepanjangan dari HTML? A. hyper text markup language D. hight text mark language B. hyper text mark language E. high true mobile language C. hight text mark up language 2. Berikut ini adalah termasuk Software Browser, kecuali….. A. Netscape Navigator D. mozilla firefox B. Opera E. Internet Explorer C. Macromedia Dreamweaver 3. Perintah digunakan untuk ... A. membuat efek tulisan D. menulis teks pada baris berikutnya ganti baris B. membuat garis E. memasang background C. mengatur ukuran font 4. Untuk memasukkan file gambar ke dalam web menggunakan perintah … A D. B. . E. C. 5. Berikut ini adalah Software untuk mendisain Halaman Web Web Design Software, kecuali….. A. Microsoft Frontpage D. Adobe Image Ready, B. macromedia dreamweaver E. google chrome C. macromedia fireworks, 6. Berikut ini adalah Bahasa Pemrograman Web, kecuali A. XML D. PHP B. javascript E. EXL C. CSS 7. Heading HTML mempunyai level ukuran huruf A. 1 sampai 6 D. 1 sampai 9 B. 1 sampai 7 E. 1 sampai 10 C. 1 sampai 8 8. Software untuk menulis bahasa HTML yang paling sederhana adalah ….. A. Ms Excel D. Ms Word B. notepad E. Ms Access C. Ms Powerpoint 9. Untuk memberi warna teks web diatur dengan mengubah nilai atribut …. A. fontcolor D. body B. title E. head C. bgcolor 10. Untuk memberi gambar pada belakang web diatur dengan mengubah nilai atribut …. A. fontcolor D. body background B. body E. head C. bgcolor 11. Untuk memisahkan baris pada web dapat digunakan tag …. A. D. B. E. C. 12. Untuk membuat garis horizontal didalam web dapat digunakan tag …. A. D. B. E. C. 13. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus berformat …. A. *.jpg D. *.doc B. *.swf E. *.fla C. *.pdf 14. Tag digunakan untuk ….. A. mengubah gambar D. memindahkan gambar B. mengatur gambar E. menampilkan gambar C. menghapus gambar 15. Tag memiliki atribut ….. A. size, color, face D. height, width B. type E. size , width C. button 16. Terdiri dari tombol-tombol yang dapat digunakan menyisipkan berbagai objek seperti image, table, frame adalah ….. A. document window D. property inspector B. insert bar E. tag selection C. panel groups 17. Tempat untuk menampilkan dokumen yang sedang dibuat dan diedit saat ini adalah A. document window B. insert bar C. panel groups D. property inspector E. tag selection 18. Untuk memudahkan mengatur folder dari website yang sedang dibangun, kita bisa menggunakan fasilitas ….. A. files panel B. tag selector C. document windows D. standart toolbar E. insert bar 19. Yang dimaksud dengan halaman Web adalah….. A. halaman digital yang dibuka dengan web browser B. halaman elektroni yang dibuka dengan email C. halaman online bisa di download D. halaman digital yang berisi berbagai jenis data dan gambar. E. halaman digital online yang terhubung dengan internet 20. Untuk membuat sebuah website dibutuhkan bahasa pemrograman yang disebut dengan script. Dan script yang paling mendasar dalam pembuatan web adalah A. link B. HTML C. konten D. jquery E. CSS 21. Sebelum membuat website atau blog yang bisa langsung dibuka di internet, syarat pertama yang harus dimiliki adalah A. desain web/blog D. postingan B. konsep tulisan E. nomor HP/ telephone C. akun Email 22. Banyak software dan platform web/blog yang bisa digunakan untuk membuat halaman web, diantaranya adalah, kecuali A. wordpress D. dreamweaver B. blogger E. photoshop C. joomla 23. Sebuah halaman web/blog bisa diisi dengan tulisan, gambar,animasi dan video. Tapi semua itu dalam dunia web/blog disebut dengan istilah A. konten D. link B. script E. CSS C. HTML 24. Untuk memberi nama atau title sebuah web/blog, harus disesuaikan dengan A. Desain web/blog D. browser yang digunakan B. isi web/blog E. nama penguna web/blog C. koneksi internet yang digunakan 25. Yang dimaksud dengan alamat web/blog adalah A. readmore D. label/kategori B. link E. HTML C. URL 26. Karena banyaknya jenis tulisan dalam sebuah web/blog, maka tulisan tersebut perlu dikelompokkan untuk memudahkan pembaca mengaksesnya. Fasilitas untuk mengelompokkan tulisan tersebut dikenal dengan istilah A. URL D. . label/kategori B. link E. gadget C readmore 27. Jika beberapa tulisan pada halaman depan home pada sebuah web/blog tampil secara utuh maka akan mengakibatkan halaman depan tersebut akan menjadi penuh sesak dan memakan tempat terlalu lebar. Fasilitas untuk memotong tulisan tersebut dikenal dengan istilah A. URL D. label/kategori B. link E. insert image C. insert jump break/ readmore 28. Fungsi tag baginda adalah A. untuk memberikan teks pada halaman web B. untuk memberikan tulisan pada C. untuk memberikan tombol menuju D. untuk memberikan penomoran pada tulisan baginda E. untuk memberikan format judul pada tulisan 29. Suatu objek yang dapat berupa teks atau gambar yang dipakai dalam dokumen HTML untuk melompat dari satu dokumen ke dokumen atau tempat lain pada dokumen yang sama adalah A. link D. form B. submit E. radio button C. frame 30. Panel yang berfungsi untuk memasukkan atau menyisipkan berbagai jenis objek seperti gambar, table dan layer pada Dreamweaver adalah A. insert bar D. document window B. document toolbar E. files panel C. panel groups 31. CSS merupakan singkatan dari A. cascading sheet style D. cascading style sheet B. conversion style sheet E. conversion select sheet C. conversion sheet style 32. Judul dalam halaman web diletakkan dalam tag A. Judul D. Judul B. Judul E. Judul C. Judul 33. Berikut ini yang bukan merupakan contoh web browser adalah A. Safari D. Facebook B. Google Chrome E. Opera C. Netscape 34. Hal-hal pada penulisan script HTML yang tidak terpengaruh terhadap tampilan di halaman web A. penulisan dengan huruf kapiral semua atau kecil semua B. penulisan dengan huruf besar dan kecil C. penulisan titik atau koma D. spasi sebanyak-banyaknya E. enter berkali kali atau ganti baris sebanyak-banyaknya 35. Untuk melakukan editing atau merubah isi artikel pada Blogger kita terlebih dulu masuk ke menu A. komentar D. pos B. laman E. google+ C. template 36. Untuk memindahkan tempat Foto Slideshow pada Blogger kita harus masuk ke menu A. tata letak D. pos B. laman E. setelan C. template 37. Insert Jump Break pada menu Posting pada Blogger berfungsi sebagai A. publikasi Artikel pada halaman Posting B. menyisipkan Gambar pada halaman Posting C. menghapus Artikel pada halaman Posting D. membuat Tabel pada halaman Posting. E. memutus artikel panjang dan memunculkan menu readmore 38. Untuk memperlebar ukuran Tampilan Slideshow pada Blogger kita dapat menggunakan menu A. tambah gadget D. B. tambahkan CSS E. tata letak C. sesuaikan template setelan dasar 39. Langkah-langkah membuat Polling pada halaman Web Blogger adalah A. pos, polling, publikasi D. tata letak, tambah gadget, polling B. template, sesuaikan, polling E. laman, polling, tampilkan C. setelan, dasar, polling 40. Langkah-langkah membuat halaman web Blogger dua lajur menjadi tiga lajur A. template, sesuaikan, latar belakang D. template, sesuaikan, tata letak B. template, sesuaikan, sesuaikan lebar E. Template, sesuaikan, Tambahkan CSS C. template, sesuaikan, tingkat lanjut II. Jawablah dengan singkat dan jelas! 1. Apakah fungsi dari MARQUEE? Membut Tulisan Berjalan 2. Apakah kepanjanga dari HTML? Hyper Text Markup Language 3. Tuliskan 4 Web Browser! Mozilla, google chrome, internet explorer, opera, Maxton, safari 4. Tuliskan penulisan sebuah alamat Web yang benar! kembalianmecin 5. Apakah tanda yang digunakan Untuk mengakhiri suatu perintah kode/ tag pada HTML? 6. Tuliskan syarat utama jika anda akan membuat blog pada Blogger! Memiliki akun GMAIL 7. Apakah perintah yang paling pertama dalam mengawali penulisan pembuatan HTML? 8. Sebutkan nama Software aplikasi pada system Operasi Windows yang digunakan untuk penulisan HTML ! Notepad 9. Apakah yang dimaksud Home Page? Titik awal halaman pada web 10. Tuliskan penulisan sebuah akun surel yang benar! Rontokan rengginang Website tanpa gambar ibarat sayuran tanpa garam, akan terasa hambar. Sebab, kemungkinan website akan terasa membosankan, sulit dipahami, dan tidak menarik. Oleh karena itu, memasukkan gambar pada website cukup penting. Website akan menjadi lebih cantik dan dapat menjalankan tujuannya dengan maksimal. Bahkan, kombinasi gambar dan teks 323% lebih efektif mengarahkan pengunjung ke action yang diharapkan Sekarang, mungkin Anda bertanya-tanya bagaimana cara memberikan gambar ke website. Salah satu caranya yaitu dengan memahami cara memasukkan gambar di HTML. Kenapa HTML adalah pilihannya? Alasannya, HTML merupakan salah satu tag yang paling umum digunakan untuk membangun struktur website. Bahkan, 90,4% website di dunia menggunakan HTML. Nah, Anda sudah datang ke tempat yang tepat. Pada artikel ini, Anda akan mengetahui cara memasukkan gambar di HTML. Lengkap dengan cara mengaturnya supaya gambar lebih cantik dan fungsional. Cara Memasukkan Gambar di HTML Supaya gambar bisa tampil pada website, mari simak beberapa cara memasukkan gambar di HTML berikut ini dengan HTML editor manapun yang Anda sukai Langkah 1 Memastikan Format Gambar Sudah Sesuai Langkah pertama yaitu memilih format gambar yang tepat untuk website Anda. Pastikan gambar yang ingin Anda masukkan ke dokumen HTML memiliki format yang sesuai. Jika format gambar tidak kompatibel, kemungkinan besar gambar akan gagal ditampilkan. Berikut format gambar yang dapat disematkan pada dokumen HTML. Format GambarEkstensi atau . .jpeg, .jfif, .pjpeg, . 2 Memasukkan Atribut Sumber Gambar pada Tag HTML Images Untuk menyematkan gambar pada website, Anda perlu menggunakan tag pada dokumen HTML. Sebab, cara memasukkan gambar di HTML berbeda dengan menempel gambar pada dokumen biasa. Apa sih perbedaannya? HTML tidak bisa langsung menampilkan gambar begitu saja. Dengan kata lain, HTML harus mengambil gambar dari suatu tempat penyimpanan atau direktori drive, website, dan lain-lain. Oleh karena itu, diperlukan atribut untuk memanggil gambar tersebut agar bisa tampil pada browser. Atribut untuk menarik gambar dari server penyimpanan tersebut dinamakan Src. Isi dari atribut ini bisa berupa link menuju direktori ataupun nama file gambar. Untuk menggunakan atribut Src, Anda cukup memasukkan tag berikut. Sedangkan pada text editor, Anda bisa langsung menempelkan syntax ini. Mudah, bukan? Cara Memasukkan Gambar di HTML Ini merupakan contoh gambar pada HTML Langkah 3 Memberikan Atribut Alt Text pada Tag HTML Images Atribut Alt berfungsi untuk memberikan teks alternatif pada gambar. Jadi, jika karena sebab tertentu gambar gagal ditampilkan, teks alternatif akan muncul sehingga pengunjung website tetap bisa mengidentifikasi gambar. Selain itu, alt text pada gambar juga mampu meningkatkan ranking website. Sebab, alt text memudahkan mesin pencarian dalam memahami deskripsi dan konteks gambar. Dengan begitu, konten website pun akan lebih mudah diindeks dalam SERP. Baca Juga Panduan Lengkap Memaksimalkan Image SEO untuk Website Supaya gambar memiliki alt text, Anda perlu menambahkan atribut alt text di dalam tag . Untuk penggunaan atribut alt text dalam dokumen HTML bisa Anda temukan pada cara di bawah ini. Cara Memasukkan Gambar di HTML Ini merupakan contoh gambar pada HTML Langkah 4 Mencantumkan Keterangan Gambar Dari poin sebelumnya, Anda sudah mengerti penggunaan teks alternatif pada gambar. Namun, bagaimana jika Anda ingin mencantumkan keterangan yang bisa pengunjung lihat saat cursor mengarah ke gambar? Jawabannya yaitu dengan menambahkan atribut title di dalam tag . Setelah menggunakan atribut ini, maka gambar bisa memiliki tooltips atau pesan yang muncul saat cursor diarahkan ke objek. Selain itu, halaman website juga tetap luas karena keterangan gambar tidak memakan tempat. Tooltips pada dokumen HTML bisa Anda dapatkan melalui syntax ini. Penempatan syntax atribut title silakan melihat contoh berikut. Cara Memasukkan Gambar di HTML Ini merupakan contoh gambar pada HTML Baca Juga Gambar Tidak Muncul di Web? Ini Dia Penyebab dan Solusinya! Cara Mengatur Gambar di HTML Sampai di sini, Anda sudah bisa memasukkan gambar di HTML. Namun, itu saja belum cukup. Penting untuk mengetahui cara mengatur gambar di HTML supaya gambar tampil lebih menawan dan tentunya sesuai dengan kebutuhan website. Yuk simak beberapa cara mengatur gambar di HTML berikut in! Cara 1 Mengubah Dimensi Gambar Untuk mengatur dimensi gambar, gunakan atribut style. Atribut style mengandung elemen width dan height. Elemen width berfungsi untuk memodifikasi lebar gambar, sedangkan elemen height untuk mengubah tinggi gambar. Atribut style cukup sederhana, berikut syntax-nya. Cara menggunakan atribut style juga mudah, cukup tempelkan kode ini pada text editor Anda. Cara Memasukkan Gambar di HTML Ini merupakan contoh gambar pada HTML Penting diingat, ketetapan ukuran gambar dalam dokumen HTML adalah pixel px. Jadi, meski Anda tidak mencantumkan satuan dalam atribut Width dan Height, browser akan tetap menampilkan gambar dalam ukuran pixel. Cara 2 Memberikan Bingkai Gambar Ingin membingkai atau memberikan garis tepi pada gambar? Anda bisa menggunakan atribut border. Hasilnya kira-kira seperti pada gambar di bawah ini. Anda juga bisa mengatur sendiri level ketebalan border sesuai keinginan, lho. Caranya yaitu dengan mengubah nilai di dalam atribut border. Atribut border itu sendiri dapat ditulis dengan syntax berikut Secara lengkapnya, Anda bisa memasukkan syntax ini pada text editor. Cara Memasukkan Gambar di HTML Ini merupakan contoh gambar pada HTML Cara 3 Mengatur Posisi Gambar Supaya gambar berada pada sisi yang tepat, Anda harus mengaturnya. Caranya yaitu dengan menggunakan atribut align. Atribut align akan membuat gambar berada pada posisi yang Anda inginkan. Teks yang ditampilkan pun akan menyesuaikan dengan penempatan gambar. Anda bisa menempatkan gambar ke berbagai posisi kiri, kanan, tengah, atas, dan bawah. Namun, setiap posisi memiliki syntax yang sedikit berbeda. Berikut adalah kode HTML untuk mengatur gambar ke masing-masing posisi. Untuk penerapan syntax di atas dalam dokumen HTML bisa dilihat pada contoh di bawah. Cara Memasukkan Gambar di HTML Ini adalah contoh gambar langit dengan align="middle" Baca Juga Cara Membuat JavaScript di HTML Sederhana Bonus Cara Membuat Floating Image di HTML Pada poin sebelumnya, Anda telah memahami cara mengatur posisi gambar dengan atribut align. Sayangnya, atribut ini memiliki kelemahan seperti eksekusi gambar yang kurang rapi dan atribut ini juga tidak tersedia di versi HTML5. Tapi, Anda tidak perlu khawatir karena hal tersebut bisa diakali dengan menggunakan property float. Atribut ini membuat teks berada pada posisi yang sesuai tanpa menabrak gambar. Teks dan gambar pun menjadi lebih rapi. Berbeda halnya dengan atribut align. Contohnya seperti gambar di bawah. Cara membuat floating image pun cukup mudah. Anda hanya perlu menyisipkan property float di dalam atribut style. Floating image sebelah kanan Floating image sebelah kiri Percantik Website dengan Gambar yang Menarik Nah, sekarang Anda sudah memahami cara memasukkan dan mengatur gambar di HTML. Namun untuk lebih memudahkan, kami juga sudah merangkum pembahasan di atas untuk Anda. AtributFungsiSrcMemberi tahu lokasi penyimpanan suatu gambarAltMemberikan teks alternatif pada gambarTitleMencantumkan tooltips pada gambarWidthMengatur dimensi lebar pada gambarHeightMengatur dimensi tinggi pada gambarBorderMemberikan garis tepi pada gambarAlignMengatur posisi gambarProperty FloatMengatur gambar dan menyesuaikan posisi teks di sekitar gambarDengan menggunakan kode HTML di atas, Anda sudah bisa memasukkan dan mengatur gambar di website sesuai keinginan. Tapi penting diingat, gambar juga harus sesuai dengan konteks konten agar website tak sekadar cantik tapi juga informatif. Nah, untuk membantu Anda menemukan gambar yang tepat, kami sudah mengumpulkan daftar website penyedia gambar gratis terbaik pada artikel berikut → 6 Website Penyedia Gambar Gratis untuk Konten Website Anda. Semoga artikel ini membantu Anda untuk mempercantik website dengan gambar yang menarik, ya! Akhir kata, selamat mencoba! Apakah kamu lagi mencari jawaban dari pertanyaan Untukmemasukkan file gambar ke dalam web menggunakan perintah? Berikut pilihan jawabannya Kunci jawabannya adalah C. . Dilansir dari Ensiklopedia, Untukmemasukkan file gambar ke dalam web menggunakan perintahuntukmemasukkan file gambar ke dalam web menggunakan perintah . Penjelasan Kenapa jawabanya bukan A. ? Nah ini nih masalahnya, setelah saya tadi mencari informasi, ternyata jawaban ini lebih tepat untuk pertanyaan yang lain. Kenapa nggak B. ? Kalau kamu mau mendaptkan nilai nol bisa milih jawabannya ini, hehehe. Kenapa jawabanya C. ? Hal tersebut sudah tertulis secara jelas pada buku pelajaran, dan juga bisa kamu temukan di internet Terus jawaban yang D. kenapa salah? Karena menurut saya pribadi jawaban ini sudah keluar dari topik yang ditanyakan. Kesimpulan Jadi disini sudah bisa kamu simpulkan ya, jawaban yang benar adalah C. . Post Views 12 Read Next March 6, 2022 Pilihlah 1 yang tidak termasuk dalam sel mekanoreseptor adalah? March 6, 2022 Senjata tradisional Rencong berasal dari provinsi? March 6, 2022 Berikut ini buku karya Rifaah Badawi rafi’ at-Tahtawi, kecuali? CSS dapat digunakan untuk membuat galeri GambarGaleri gambar berikut dibuat dengan CSSContoh { margin 5px; border 1px solid ccc; float left; width 160px; } { border 1px solid 777; } img { width 100%; height auto; } { padding 15px; text-align center; } Kode di atas akan menghkasilkan gambar seperti di bawah ini Contoh Lain Galeri Gambar ResponsifCara menggunakan kueri media CSS untuk membuat galeri gambar responsif yang akan terlihat bagus di desktop, tablet, dan smartphone, yang akan menghasilkan gambar seperti di bawah ini { border 1px solid ccc; } { border 1px solid 777; } img { width 100%; height auto; } { padding 15px; text-align center; } * { box-sizing border-box; } .responsive { padding 0 6px; float left; width } media only screen and max-width 700px { .responsive { width margin 6px 0; } } media only screen and max-width 500px { .responsive { width 100%; } } .clearfixafter { content ""; display table; clear both; } Responsive Image Gallery Resize the browser window to see the effect. You may also like

untuk memasukkan file gambar ke dalam web menggunakan perintah