MenambahkanGambar di HTML Gambar dapat kita tambakan di HTML dengan menggunakan tag . memiliki atribut wajib, yakni src. Jika kita tidak mengisi atribut src, maka gambar tidak akan ditampilkan. Alamat URL gambar pada atribut srcdapat berupa URL maupun alamat path. Lalu tag harus ditutup dengan menambahkan garis miring. Contoh:
Unduh PDF Unduh PDF Menambahkan gambar ke situs atau profil jejaring sosial adalah cara yang bagus untuk memperindah laman web Anda. Kode HTML untuk memasukkan gambar juga tidak sulit, dan sering dijadikan sebagai salah satu pelajaran pertama bagi para pemula HTML. 1 Unggah gambarnya. Terdapat banyak layanan hosting gambar gratis, misalnya Picasa Web Album, Imgur, Flickr, atau Photobucket. Baca persyaratannya dengan teliti. Beberapa layanan bisa mengurangi kualitas gambar, atau menghapus gambar Anda bila gambar tersebut dilihat terlalu banyak orang karena hal ini akan menghabiskan bandwidth dari layanan hosting tersebut. Beberapa layanan hosting mengizinkan Anda untuk mengunggah gambar menggunakan peranti administrator dari blog tersebut. Bila Anda menggunakan hosting web berbayar, unggah gambarnya ke situs milik Anda sendiri menggunakan layanan FTP. Sebaiknya Anda membuat direktori "gambar" agar berkas-berkas Anda tertata rapi.[1] Jika ingin menggunakan gambar dari situs lain, mintalah izin kepada pemilik situs. Jika diizinkan, unduh gambarnya, lalu unggah gambar tersebut ke sebuah situs hosting gambar. 2 Buka berkas HTML Anda. Buka dokumen HTML untuk laman web yang ingin Anda gunakan untuk menampilkan gambar tersebut. Jika Anda ingin memasukkan gambar di suatu forum, Anda bisa langsung mengetiknya di dalam kiriman. Banyak forum yang menggunakan sistem ubah suaian custom bukannya HTML. Mintalah bantuan dari para peserta forum lain jika tindakan ini tidak berhasil. 3 Anda dapat memulainya dengan tag img. Carilah tempat di bodi HTML yang ingin Anda sisipkan gambar. Tulis tag di sini. Ini merupakan tag kosong, yang artinya tag ini berdiri sendiri, tanpa ada tag penutup. Yang harus Anda lakukan untuk menampilkan gambar adalah dengan memasukkannya ke dalam dua tanda kurung sudut ini. 4 Carilah URL dari gambar Anda. Kunjungi laman situs yang Anda gunakan untuk mengunggah gambar. Klik kanan gambarnya "Control"+klik di Mac dan pilih "Copy Image Location". Anda juga bisa mengeklik "View Image" jika hanya ingin melihat gambarnya saja di suatu laman, kemudian salin URL tersebut ke bilah alamat address bar. Apabila Anda mengunggah gambar ke direktori gambar di situs Anda sendiri, tautkan gambar tersebut dengan /images/[namaberkas]. Jika tindakan ini tidak berhasil, mungkin direktori gambarnya berada di direktori lain. Pindahkan gambarnya ke direktori root. 5 Letakkan URL tersebut ke dalam atribut src. Mungkin Anda telah mengetahui bahwa atribut HTML harus dimasukkan ke dalam tag agar dapat dimodifikasi. Atribut Src merupakan singkatan dari "source", yang akan memberi tahu peramban browser di mana tempat untuk menemukan gambarnya. Tulis src=" " dan tempelkan URL gambarnya di antara dua tanda kutip tersebut. Lihat contoh di bawah ini 6 Tambahkan atribut alt. Secara teknis, HTML Anda telah memiliki semua hal yang diperlukan agar dapat menampilkan gambar, tetapi sebaiknya Anda juga menambahkan atribut alt. Ini akan memberi tahu peramban, teks apa yang harus ditampilkan ketika gambarnya tidak dapat dimuat. Yang lebih penting, ini akan membantu mesin telusur untuk mencari tahu tentang isi gambar Anda, dan membuat pembaca layar dapat menggambarkan gambar tersebut pada pengunjung laman tunanetra.[2] Ikuti contoh ini, dan gantilah teks yang ada di dalam tanda kutip Apabila gambar tersebut tidak begitu penting bagi isi laman, sertakan atribut alt tanpa menggunakan teks alt="".[3] 7Simpan perubahan yang Anda lakukan. Simpan berkas HTML tersebut ke situs web Anda. Kunjungi laman yang baru Anda sunting, atau segarkan refresh laman tersebut bila Anda telah membukanya. Sekarang gambar Anda pasti akan terlihat. Apabila ukurannya tidak tepat atau Anda kurang puas dengan gambarnya karena alasan lain, teruskan ke bagian selanjutnya. Iklan 1 Ubah ukuran gambarnya. Untuk mendapatkan hasil terbaik, ubah ukuran gambarnya menggunakan perangkat lunak penyunting gambar gratis, lalu unggah versi barunya. Mengatur lebar dan tinggi gambar menggunakan HTML akan memerintahkan peramban untuk memperkecil atau memperbesar gambar, yang hasilnya bisa tidak konsisten di semua peramban dan bisa menimbulkan galat error pada tampilan peramban jarang terjadi.[4] Bila Anda menginginkan penyesuaian yang cepat dan berguna, gunakan format di bawah ini Jumlah piksel, atau lebih banyak "piksel CSS" yang nyaman diterapkan pada ponsel di HTML5.[5] [6] Atau Persentase dimensi laman web, atau persentase elemen HTML yang berisi gambar tersebut. Apabila Anda hanya memasukkan satu atribut lebar atau tinggi, peramban akan mempertahankan rasio lebartingginya. 2 Tambahkan tooltip. Atribut title bisa digunakan untuk menambahkan komentar atau informasi tambahan tentang gambar tersebut. Misalnya, Anda bisa memberi kredit pada artisnya di sini. Biasanya, teks ini akan muncul ketika pengunjung laman mengarahkan kursor di atas gambar tersebut. 3 Buat gambarnya menjadi tautan. Agar sebuah gambar bisa berperan pula sebagai tautan, sisipkan tag gambar di dalam tag hipertaut hyperlink . Lihat contohnya di bawah ini Iklan Pastikan URL yang Anda masukkan telah menyertakan format berkas gambarnya .jpg, .gif, dsb. Biasanya, Anda harus menggunakan gambar yang memiliki format berkas .gif, .jpeg, .jpg, atau .png.[7] Format berkas yang lain mungkin tidak akan ditampilkan dengan benar di semua peramban. Simpan cadangan gambarnya di komputer, untuk berjaga-jaga. Gambar GIF sangat bagus untuk logo atau kartun, sedangkan gambar JPEG sangat bagus untuk gambar yang kompleks seperti foto. Iklan Peringatan Jangan melakukan "hotlink" dengan memasukkan URL milik situs web orang lain. Tindakan ini akan menghabiskan bandwidth di situs orang tersebut, tanpa membawa pengunjung ke lamannya. Selain merupakan etiket yang buruk, gambar yang dimasukkan dari hasil hotlink akan hilang jika situs yang digunakan sebagai tautan sudah tidak ada. Jika pemilik situs mengetahui perbuatan Anda, dia bahkan bisa mengganti gambar yang muncul di situs Anda.[8] Iklan Tentang wikiHow ini Halaman ini telah diakses sebanyak kali. Apakah artikel ini membantu Anda?
E Button 2.Untuk memasukkan file gambar ke dalam web menggunakan perintah A. B. C. D. E. 3.Untuk menerima masukan berupa pilihan ialah A. Submit B. Reset C. Radio D. Password E. Text 4.Untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih bias lebih
sumber bisa anda dapatkan >>DISINI digunakan untuk ... A. Membuat garis B. Menulis teks pada baris berikutnya ganti baris C. Mengatur ukuran font D. Membuat efek tulisan E. Memasang background 4. Untuk memasukkan file gambar ke dalam web menggunakan perintah … A. B. C. D. E. 5. Berikut ini adalah Software untuk mendisain Halaman Web Web Design Software, kecuali A. Adobe Image Ready, B. Macromedia Dreamweaver C. Macromedia Fireworks, D. Microsoft Frontpage E. Google Chrome 6. Berikut ini adalah Bahasa Pemrograman Web, kecuali A. PHP, B. JavaScript, C. CSS D. XML E. EXL 7. Heading HTML mempunyai level ukuran huruf A. 1 sampai 6 B. 1 sampai 7 C. 1 sampai 8 D. 1 sampai 9 E. 1 sampai 10 8. Software untuk menulis bahasa HTML yang paling sederhana adalah …. A. Ms Word B. Ms Excel C. Ms Powerpoint D. Notepad E. Ms Acces 9. Untuk memberi warna teks web diatur dengan mengubah nilai atribut …. A. Body B. Title C. Bgcolor D. Fontcolor E. Head 10. Untuk memberi gambar pada belakang web diatur dengan mengubah nilai atribut …. A. Body background B. Body C. Bgcolor D. Fontcolor E. Head 11. Untuk memisahkan baris pada web dapat digunakan tag …. A. B. C. D. E. 12. Untuk membuat garis horizontal didalam web dapat digunakan tag …. A. B. C. D. E. 13. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus berformat …. A. SWF B. FLA C. JPG D. DOC E. PDF 14. Tag digunakan untuk …. A. Mengubah gambar B. Mengatur gambar C. Menampilkan gambar D. Menghapus gambar E. Memindahkan gambar 15. Tag memiliki atribut …. A. SIZE, COLOR, FACE B. SIZE , WIDTH C. HEIGHT, WIDTH D. TYPE E. BUTTON 16. Terdiri dari tombol-tombol yang dapat digunakan menyisipkan berbagai objek seperti image, table, frame adalah …. A. Insert Bar B. Document Window C. Panel Groups D. Property Inspector E. Tag Selection 17. Tempat untuk menampilkan dokumen yang sedang dibuat dan diedit saat ini adalah A. Insert Bar B. Document Window 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 elektroni yang dibuka dengan email B. Halaman online bisa di download C. Halaman digital yang dibuka dengan web browser 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 B. Email C. Konsep tulisan D. Postingan E. Nomor HP/ Telephone 22. Banyak software dan platform web/blog yang bisa digunakan untuk membuat halaman web, diantaranya adalah, kecuali A. Wordpress B. Blogger C. Dreamweaver D. Photoshop E. 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 B. Script C. HTML D. Link E. CSS 24. Untuk memberi nama atau title sebuah web/blog, harus disesuaikan dengan A. Desain web/blog B. Isi web/blog C. Koneksi internet yang digunakan D. Browser yang digunakan E. Nama penguna web/blog 25. Yang dimaksud dengan alamat web/blog adalah A. URL B. Link C. Readmore D. Label/Kategori E. HTML 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 B. Link C. Readmore D. Label/Kategori E. Gadget 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 B. Link C. Insert jump break/ Readmore D. Label/ Kategori E. Insert Image tag maman adalah A. Untuk memberikan teks pada halaman web B. Untuk memberikan tombol menuju C. Untuk memberikan tulisan pada D. Untuk memberikan penomoran pada tulisan maman 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. Frame B. Link C. Submit D. Form E. Radio Button 30. Panel yang berfungsi untuk memasukkan atau menyisipkan berbagai jenis objek seperti gambar, table dan layer pada Dreamweaver adalah A. Insert bar B. Document toolbar C. Panel groups D. Document window E. Files panel 31. CSS merupakan singkatan dari A. Cascading Sheet Style B. Cascading Style Sheet C. Conversion Sheet Style D. Conversion Style Sheet E. Conversion Select Sheet 32. Judul dalam halaman web diletakkan dalam tag A. Judul B. Judul C. Judul D. Judul E. Judul 33. Berikut ini yang bukan merupakan contoh web browser adalah A. Safari B. Google Chrome C. Netscape D. Facebook E. Opera 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. Spasi sebanyak-banyaknya D. Enter berkali kali atau ganti baris sebanyakbanyaknya E. Penulisan titik atau koma 35. Untuk melakukan editing atau merubah isi artikel pada Blogger kita terlebih dulu masuk ke menu A. Pos B. Laman C. Template D. Komentar E. Google+ 36. Untuk memindahkan tempat Foto Slideshow pada Blogger kita harus masuk ke menu A. Pos B. Laman C. Template D. Tata Letak E. Setelan 37. Insert Jump Break pada menu Posting pada Blogger berfungsi sebagai A. Publikasi Artikel pada halaman Posting B. Menyisipkan Gambar pada halaman Posting C. Memutus Artikel panjang dan memunculkan menu Readmore. D. Menghapus Artikel pada halaman Posting. E. Membuat Tabel pada halaman Posting. 38. Untuk memperlebar ukuran Tampilan Slideshow pada Blogger kita dapat menggunakan menu A. Tambah Gadget B. Setelan Dasar C. Tambahkan CSS D. Sesuaikan Template E. Tata Letak 39. Langkah-langkah membuat Polling pada halaman Web Blogger adalah A. Tata Letak, Tambah Gadget, Polling B. Template, Sesuaikan, Polling C. Setelan, Dasar, Polling D. Pos, Polling, Publikasi E. Laman, Polling, Tampilkan 40. Langkah-langkah membuat halaman web Blogger dua lajur menjadi tiga lajur A. Template, sesuaikan, Latar Belakang B. Template, sesuaikan, Sesuaikan Lebar C. Template, sesuaikan, Tata Letak D. Template, sesuaikan, Tingkat Lanjut E. Template, sesuaikan, Tambahkan CSS File bisa anda dapatkan >>DISINI<<
Sulitmembayangkan sebuah halaman HTML tanpa gambar untuk standard web saat ini. Pada tutorial belajar HTML cara menambahkan gambar di HTML ini kita akan mempelajari cara penggunaan tag image. Tag Image digunakan untuk menampilkan gambar kedalam halaman web, menggunakan . Atribut src dalam tag
Ilustrasi Perintah untuk Menyisipkan Gambar atau Foto pada Dokumen Microsoft Word adalah Insert, Foto Unsplash WindowsJika kamu sampai di artikel ini, berarti kamu sudah tidak asing dengan aplikasi Microsoft Word. Ya, aplikasi tersebut sangat populer di kalangan masyarakat, terutama penggunan laptop berbasis Windows atau Mac. Biasanya aplikasi ini digunakan untuk membuat tidak semua masyarakat bisa menggunakan Microsoft Word dengan lancar terutama pada fitur-fiturnya. Salah satunya adalah ketika ingin menyisipkan gambar atau foto. Jadi, perintah untuk menyisipkan gambar/foto pada dokumen Microsoft Word adalah langkah-langkah di bawah ini untuk mengetahui cara lengkapnya. Namun sebelum ke langkah-langkah tersebut, ayo berkenalan lebih jauh lagi dengan Microsoft Aplikasi Microsoft WordMengutip buku SPK Microsoft Word oleh Budi Permana 20042, Microsoft Word adalah program aplikasi pengolah kata word processor yang sangat mudah dipakai, bersifat fleksibel dan mudah diintegrasikan dengan program aplikasi dari aplikasi Word ini ternyata sudah cukup tua karena ia mulai diperkenalkan ke publik pada tanggal 25 Oktober 1983. Namun dulu namanya adalah Multi-Tool Word dan hanya bisa digunakan di komputer berbasis Perintah untuk Menyisipkan Gambar atau Foto pada Dokumen Microsoft Word adalah Insert, Foto Unsplash Romain VSejak saat itu beragam versi dari Microsoft Word pun bermunculan. Versi-versi tersebut dikembangkan untuk dipakai di berbagai sistem operasi seperti DOS, Apple Macintosh, dan ini, Microsoft Word sudah mengeluarkan versi terbarunya yang termasuk ke dalam Microsoft Office 2021 dan dapat digunakan di komputer berbasis Windows dan Memasukkan Gambar atau FotoMicrosoft Word memiliki berbagai fitur, salah satunya adalah memasukkan gambar atau foto ke dokumen. Berikut cara memasukkan gambar atau foto di Microsoft WordBukalah aplikasi Microsoft WordPilih menu Insert yang ada di bagian atasPilih folder yang berisi gambar atau foto yang ingin dimasukkanPilih gambar atau foto tersebutSelain dimasukkan, gambar tersebut juga bisa diatur ukurannya menggunakan fitur-fitur yang tersedia di bagian atas atau klik kanan cara memasukkan gambar atau foto di Word menggunakan perintah Insert. Semoga bisa membantu dalam pengoperasian Microsoft Word. LOV
Filehapus.php. STEP 1 - Membuat folder latihan dan images. Pada step ini, kamu di haruskan membuat folder latihan dengan folder images di dalamnya. Pastikan xampp sudah terinstal karna jika belum maka folder htdocs tidak akan ada. Berikut cara membuat foldernya : 1. Buka folder htdocs kamu di C:\xampp\htdocs\ atau di tempat kamu menyimpan file
Gambar dalam konteks web/blog sangatlah penting, karena visualisasi seperti ini yang membuat para pengunjung web betah berlama-lama dan lain kali mengunjunginya kembali. Anda bisa bayangkan kalau sebuah web yang dikunjungi tidak ada visual gambar sama sekali, walaupun informasinya menarik tapi mungkin cukup sekali baca dan hanya berkesan singkat sehingg lain waktu sudah melupakannya. Tapi bukan berarti banyak gambar akan baik untuk sebuah situs, bisa-bisa jika kebanyakan gambar akan mempengaruhi waktu tampilnya informasi yang akan dibaca, jadi ya secukupnya dengan tujuan informasi jelas dan menarik. Langsung ke inti bahasan tentang memasukkan gambar. Untuk diketahui sebelumnya, jenis gambar yang umum digunakan untuk ditampilkan di internet ada 3 jenis. Jenis Pertama JPG/JPEG yang memiliki kualitas gambar full color dan memiliki tingkat kompresi/kepadatan sehingg ukuran file gambar akan lebih kecil. Jenis Kedua yaitu GIF, gambar ini memiliki struktur warna maksimal 256 dan mendukung animasi sehing bisa membuat gambar bergerak dan mendukung gambar transparan, kualitas gambar tentunya sangat minim sehingga terlihat pecah2. Dan yang terakhir adalah PNG, memiliki struktur warna full color, tanpa kompresi dan mendukung transparan. Biasanya jenis file diatas dihasilkan dari kamera digital/scanner atau dari proses pengolahan gambar BITMAP dengan perangkat lunak bantuan seperti photoshop, gimp dll. PENTING Sebelum disisipkan dalam halaman web sebaiknya terlebih dahulu Dimensi gambar diubah sesuai dengan keperluan, bisa menggunakan perangkat lunak bantu seperti photoshop, gimp dll. Jangan langsung dimasukkan seperti aslinya yang mungkin ukuran lebarnya bisa mencapai lebih dari 4000 pixel, dan ukuran filenya bisa lebih dari 1MB. Ini akan sangat fatal karena proses menampilkanya akan memerlukan waktu yang lama, bahkan bagi pengunjung yang koneksinya lambat bisa tidak tampil sama sekali. Jadi akan percuma. Apalagi hasil asli dari kamera digital dengan teknologi 5 mega pixel keatas yang rata2 ukuran filenya bisa mencapai 4MB lebih. Bisa dikalkulasi jika saja ada beberapa gambar dalam 1 halaman dengan ukuran besar???? berapa lama waktu untuk menampilkan semuanya??? belum tampil informasinya pengunjung web anda sudah kabur. Ubahlah nama file gambar menjadi lebih singkat, mudah diingat, unik, menggambarkan isinya, tanpa tanda spasi atau simbol selain - minus dan _ garis bawah dan juga ditulis dengan huruf kecil semua. Penulisan dengan huruf kecil bertujuan menghindari salah alamat yang bisa terjadi pada keadaan sistem operasi tempat data disimpan berbeda. Misal anda punya gambar kemudian anda panggil dengan nama lihat penulisan huruf P dan p. Di komputer anda mungkin saja gambar akan tampil dan tidak ada masalah, tapi jika disimpan pada sistem operasi linux yang menganut sistem CASE SENSITIFpeka penulisan maka gambar tidak akan tampil. Sedangkan kriteria yang lain seperti singkat, unik dll bertujuan agar familiar terhadap lingkungan internet. Dan yang terakhir letakkanlah file gambar pada folder yang sama dengan halaman webnya, atau lebih baik membuat sub folder baru berada dibawah folder utama. Sehingga penulisan alamat pada saat memanggil tidak sulit dan familiar. misal semua gambar disimpan dalam folder gambar atau images yang berada pada folder utama. Jika semua kriteria diatas sudah dilakukan tinggal cara menyisipkanya. Kode html-nya bisa dilihat berikut Perintah dasar minimal dengan perintah diatas gambar akan ditampilkan sesuai ukuran aslinya. Kode yang dianjurkan src diisi dengan nama file lengkap dengan jenis gambar, jika berada di sub folder namafolder/ tambahan opsional boleh diguanakan jika diperlukan width diisi dengan angka lebar ukuran gambar ditampilkan sesuai ruang yang tersedia height diisi dengan angka tinggi ukuran gambar ditampilkan sesuai ruang yang tersedia border diisi dengan angka ketebalan garis luar dari nilai minimal 0 yang berarti tanpa garis alt text alternatif jika gambar belum selesai/gagal ditampilkan title text yang akan muncul jika mouse diarahkan diatas gambar. Itulah perintah sebenarnya yang berada dibalik tampilnya gambar2 visual yang kita lihat diinternet. Semoga bermanfaat Zainal Hakim Baca juga Memasukkan simbol dalam html Membuat tabel dengan html Cara mengganti background halaman web Membuat efek gambar di blogger ** Bebas disunting dengan menyebutkan sumber **
Untukmemasukkan file gambar ke dalam web menggunakan perintah A D. B. . E. C. 2. Berikut ini adalah Bahasa Pemrograman Web, kecuali: A. XML D. PHP B. javascript E. EXL C. CSS 3.Software untuk menulis bahasa HTML yang paling sederhana adalah ..
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
Atributini digunakan untuk melakukan rujukan terhadap file gambar yang akan disisipkan pada halaman HTML. File gambar tersebut harus berada di dalam folder yang sama dengan file HTML-nya, jika berada di luar folder maka perlu dilakukan penunjukkan secara langsung melalui metode penulisan URL dimana gambar tersebut berada.
Dalam tutorial ini kita akan belajar bagaimana memasukkan gambar ke dalam html. Gambar dapat meningkatkan desain dan tampilan halaman web. Memasukkan Gambar ke Halaman Web untuk memasukkan gambar ke halaman web, gunakan tag gambar. Tag gambar img tidak memiliki tag penutup. Dua atribut utama yang diberikan ke tag img adalah src, src singkatan dari source yaitu sumber gambar dan alt atau alternative text yaitu teks alternatif yang mendeskripsikan gambar. Code language HTML, XML xml kita juga bisa menampilkan gambar dari URL web Code language HTML, XML xml Atribut src Gambar secara teknis tidak dimasukkan ke dalam halaman HTML, gambar hanya disisipkan atau ditautkan ke halaman HTML. Jadi saat pertama halaman web dibuka, browser mengambil gambar dari server web dan memasukkannya ke dalam halaman. Kita juga bisa menambahkan gambar langsung di dalam halaman menggunakan base64 Code language HTML, XML xml Cara membuat gambar menjadi link di html cukup letakkan tag di dalam tag . baca juga membuat link pada html Atribut alt Teks alternatif digunakan oleh pembaca layar jika pengguna tidak dapat melihatnya karena koneksi lambat atau kesalahan pada atribut src misal gambarnya tidak ada dan alt dibaca oleh mesin pencari. Karena itu penting untuk menulis teks alternatif yang bagus untuk gambar. Jika browser tidak dapat menemukan gambar, akan menampilkan nilai alt atribut Contoh tag image yang sudah kita pelajari Cara menambahkan gambar pada html Code language HTML, XML xml Pencarian di thohirdev menambahkan gambar html cara memasukkan gambar di html cara input gambar di html kode html gambar
untukmenampilkan gambar dengan html anda bisa menggunakan tag . kemudian masukkan atribut "src=" pada tag . atribut src berguna untuk menghubungkan dengan file gambar, jadi atribut src ini di gunakan untuk pemanggilan lokasi dan nama file gambar. jika file gambar terletak satu folder dengan file html yang bertugas untuk menampilkan gambar ini
Untuk memperindah tampilan kita dapat memasukkan gambar dan background ke dalam dokumen HTML. Gambar yang dimasukkan dapat berupa gambar diam dan bisa juga gambar yang bergerak atau animasi gif. Gambar bisa juga merupakan gambar tunggal di bagian area halaman atau memenuhi area halaman sebagai background. Untuk memanggil file gambar tunggal kita dapat menggunakan kode-kode perintah berikut Sedangkan untuk memanggil file gambar sebagai background dapat kita tuliskan mantra-mantra berikut Berikut ini adalah contoh program sederhana untuk memanggil gambar dan background dalam kode HTML Homepage Aku Homepage Ku Inilah Homepage Aku Yang Pertama Pada kode di atas terlihat bahwa gambar1 kita panggil untuk dijadikan background sedangkan untuk animasi. Kedua-duanya tampil di halaman body atau dokumen.
Dansekarang saya akan sharing untuk Cara Memanggil Gambar Menggunakan Javascript. Oke tanpa panjang lebar lagi mari kita mulai, pertama jalankan/run text-editornya kemudian ketiklah HTML nya seperti pada contoh dibawah ini : 1 2 3 < / div> < / div>
5mSa. ifr9w39dlg.pages.dev/176ifr9w39dlg.pages.dev/808ifr9w39dlg.pages.dev/959ifr9w39dlg.pages.dev/927ifr9w39dlg.pages.dev/137ifr9w39dlg.pages.dev/444ifr9w39dlg.pages.dev/317ifr9w39dlg.pages.dev/89
untuk memasukkan file gambar ke dalam web menggunakan perintah
