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
yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. CheckboxB. SubmitC. FileD. TextE. Button memasukkan file gambar ke dalam web menggunakan perintah … A. B. C. D. E. menerima masukan berupa pilihan ialah A. SubmitB. ResetC. RadioD. PasswordE. Text menerima masukan berupa pilihan. Pilihan yang dapat dipilih bias lebih dari satu yaitua. Textb. Passwordc. Checkboxd. Radioe. Submit 5. Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu?a. BRb. Colspanc. Rowspand. Textarea e. Tidak ada jawaban yang benar digunakan untuka. memilih beberapa opsib. menentukan ukuranc. menandai beberapa opsid. menampilkan opsi pilihane. membatalkan opsi memanjangkan kolom menjadi 2, menggunakan perintaha. b. c. d. e. HTML untuk menentukan tebal garis table adalah…a. Table borderb. Alignc. Colspand. Rowspane. Br HTML, dapat ditambahkan hubungan/relasi ke link lain. Berikut ini adalahcommand dari link yang apabila di klik akan menuju ke adalah….a. b. c. d. e. memberi warna teks web diatur dengan mengubah nilai atribut …. A. Body B. Title C. Bgcolor menampilkan gambar dalam halaman web maka gambar tersebut harus berformat …. A. SWF B. FLA C. JPG D. DOC E. PDF form adalah… A. memperoleh informasi pembelian secara online B. untuk mencetak miring dalam pembuatan web C. untuk melihat data-data yang tersedia D. untuk dapat mengakses internet lebih cepat E. untuk melakukan hubungan local antar computer 13. apa fungsi dari type=”password”?? A. jika kita mengetik sesuatu akan tertulis yang sebenarnya B. jika kita mengetik sesuatu maka ketikan tersebut akan tidak terlihat C. jika kita mengetik sesuatu maka yang muncul adalah angka D. jika kita mengetik sesuatu maka yang muncul adalah ****** E. jika kita mengetik sesuatu tidak muncul apa-apa Unordered list agar dapat menampilkan list bulat titik, adalah. a. Circle b. Disc c. Clyndrical d. Donuts e. DiscBox 15. Bagaimanakah perintah HTML agar muncul input type password a. b. c. d. e. 16. Tag memiliki atribut di bawah ini adalah a. Name b. Action c. Method d. Value e. Option 17. Perintah yang di pakai untuk membuat tabel adalah a. td dan tr b. colspan dan rowspan c. head d. title perintah yang paling pertama dalam mengawali pembuatan HTML? a. b. c. d. e. digunakan untuk …. A. Mengubah gambar B. Mengatur gambar C. Menampilkan gambar D. Menghapus gambar E. Memindahkan gambar 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
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 ..
Setiap website akan terlihat lebih menarik dengan adanya gambar. Bukan hanya sebagai pelengkap, tapi gambar juga membuat pengunjung website betah membaca seluruh isi blog sampai selesai. Pada artikel kali ini, akan dijelaskan secara detail panduan praktis tentang cara memasukan gambar di HTML. HTML merupakan syntax atau tag dasar yang dipakai pada struktur pemrograman website. Bahkan, berdasarkan survei dari W3Techs, 94,5% website di seluruh dunia memakai HTML. Itulah mengapa saat kamu ingin membuat harus familiar dengan istilah- istilah atau tag HTML yang sering digunakan. Baca Juga HTML adalah Bahasa Pemrograman Dasar, Kenali Lebih Dekat Yuk! Tutorial Mudah Cara Memasukan Gambar di HTML Ketika kamu ingin menyisipkan gambar dalam dokumen HTML agar dapat ditampilkan di halaman website, ada beberapa persiapan dan panduan yang harus dilakukan. Dengan mengikuti langkah-langkah ini, maka kamu dapat dengan mudah menambahkan gambar ke dalam dokumen HTML. Pertama- tama kamu harus mengetahui apa saja hal- hal yang dipersiapkan sebelum mulai eksekusi memasukan gambar ke dalam HTML. Persiapan yang harus kamu lakukan cukup mudah, berikut ini adalah beberapa hal yang harus dipersiapkan. 1. Pilih Gambar dengan Format yang Sesuai Untuk menampilkan gambar di website, pastikan pilih format yang sesuai dengan yang disediakan oleh HTML. Bila format gambarnya tidak tepat, maka gambarnya tidak bisa ditampilkan. Apa saja format gambar yang bisa disisipkan ke dokumen HTML? Nah, di bawah ini merupakan tipe format gambar yang dapat kamu masukkan ke dalam HTML. PNG => .png GIF => .gif APNG => .apng JPEG => .jpg, .jpeg, .jfif, .pjpeg, .pjp ICO => .ico SVG => .svg Perlu kamu ketahui, di antara format tersebut beberapa yang paling banyak digunakan adalah JPG, PNG, dan GIF. 2. Familiar dengan Tag Seperti yang kamu ketahui, HTML memang terdiri dari kumpulan tipe tag. Untuk itu pastinya ketika kamu ingin memasukan gambar juga akan berbeda dengan saat kamu memasukan gambar ke dalam dokumen seperti word. Nah, tag yang digunakan untuk memasukan gambar pada dokumen HTML adalah menggunakan tag . Tag menentukan gambar yang akan ditampilkan dalam dokumen HTML. Tag sendiri memiliki memiliki beberapa atribut atau turunan yang bisa kamu gunakan untuk memasukan gambar. Berikut ini adalah atribut- atribut pada tag , antara lain src => Menentukan gambar URL alt => Menentukan teks alternatif untuk gambar. Ini ditampilkan saat fitur grafik dimatikan di browser atau saat gambar sedang diunduh height => Menentukan ketinggian gambar width => Menentukan lebar gambar usemap => Mendefinsikan gambar map style => Memudahkan untuk mengaplikasikan inline style gambar di HTML Setelah memilih akan menggunakan atribut yang mana, selanjutnya kamu bisa mulai ngoding HTML di editor teks atau buka file HTML yang ada di editor teks tempat Anda ingin menyisipkan gambar. Sumber Elements Envato Misalnya seperti source code HTML berikut. Contoh Gambar 1 Gambar 1 3. Berikan Atribut Alt Text Atribut Alt Text adalah untuk memberi teks alternatif di gambar. Teks alternatif akan muncul ketika gambar tidak bisa muncul karena beberapa alasan. Keberadaan alternatif text di gambar ini juga dapat mendorong peningkatan web ranking. Memang Alt text memudahkan search engine untuk memahami konteks dan deskripsi gambarnya agar semakin mudah untuk terindeks SERP Search Engine Result Page. “Bagimana cara memasukan gambar di HTML dengan alt text?” Tenang saja! Untuk memasukan gambar HTML dengan alt text, kamu harus menambahkan atribut alt text ke dalam tag . Contohnya adalah seperti berikut, Tentang cara menggunakan atribut Alt Text, cara penulisannya adalah seperti ini. Contoh Gambar 1 Contoh Gambar 1 4. Menambah Keterangan Pada Gambar Setelah melihat penjelasan tentang penambahan alternatif text dalam gambar, kali ini ada poin lain yang tak kalah penting yaitu keterangan gambar dengan atribut title. Keterangan ini bisa terlihat ketika visitor website mengarahkan kursor ke gambar. Keterangan ini muncul ketika kursor mengarah ke bagian gambar dengan tujuan memperjelas deskripsi gambar. Contoh penambahan keterangan dengan atribut title. Selengkapnya adalah sebagai berikut; Contoh Gambar Meja Kerja Contoh Gambar Meja Kerja Mengatur Gambar di HTML Setelah melihat langkah-langkah di atas, sebenarnya tutorial cara memasukan gambar di HTML pada dasarnya sudah selesai. Tapi, selain itu sebenarnya masih ada hal lain yang perlu kamu ketahui. Ada kalanya kamu butuh menyesuaikan gambar dalam dokumen HTML agar gambarnya terlihat lebih proporsional, menarik, dan sesuai tampilan website. Lalu apa saja dan bagaimana cara pengaturan gambar di dalam HTML? 1. Menyesuaikan Satuan Pixel Gambar Cara mengatur bagian dimensi gambar, kamu bisa memakai atribut style yang dilengkapi dengan elemen height dan width. Height berfungsi untuk mengatur ketinggian gambar, sedangkan width untuk mengatur lebar gambar. Untuk syntax dari atribut style adalah seperti berikut. Penggunaan atribut style tinggal tempelkan saja source code ke text editor. Contoh Gambar Meja Kerja Contoh Gambar Meja Kerja Apakah kamu sudah tahu tentang satuan px pada height dan width kode diatas? Untuk mengatur gambar pada HTML, kamu dapat menggunakan px pixel. Jadi, jangan bingung jika pengaturan gambar dengan satuan pixel ya. Nah, walaupun kamu tanpa menyebutkan satuan pada width dan height, dari browser sendiri otomatis menunjukkan gambar berukuran pixel. 2. Menyesuaikan Letak Gambar Agar posisi gambar sesuai dan nyaman dilihat oleh mata, maka kamu perlu mengaturnya. Kamu bisa memanfaatkan atribut align agar posisi gambar yang kamu masukkan terlihat rapi, proporsional, dan tentunya enak dipandang. Karena posisi gambar berubah, maka posisi teks juga berubah sesuai gambarnya. Penempatan gambar bisa diatur beberapa posisi meliputi kanan, kiri, atas, bawah, atau tengah. Sumber Elements Envato Tapi, perlu diketahui bahwa masing-masing posisi syntax-nya agak berbeda. Simak contohnya berikut ini. Penulisan syntax ke dokumen HTML adalah seperti berikut. Contoh Gambar Meja Kerja Contoh Gambar Meja Kerja dengan align="left" 3. Menambah Border dengan Ukuran Tertentu Setelah tahu cara memasukan gambar di HTML dan juga pengaturan lain untuk menyesuaikan tampilan gambar, kamu juga masih bisa menambah garis di sekeliling atau disebut dengan border. Dengan atribut border, kamu bisa memberi bingkai atau garis di tepi gambar. Ukuran ketebalan border-nya juga dapat diatur sendiri sesuai kebutuhan. Cara menambah border dengan ukuran tertentu bisa dilakukan dengan mengganti nilai angka pada atribut border. Contoh Cara penulisan selengkapnya adalah seperti ini. Contoh Gambar Meja Kerja Contoh Gambar Meja Kerja Sekian pembahasan tentang cara memasukan gambar di HTML. Ada beberapa hal yang perlu diperhatikan saat mengatur gambar HTML Beri nama yang spesifik dan jelas untuk gambar HTML yang ingin ditampilkan, karena ini berpengaruh pada pencarian Google Jika nama gambar jelas, maka websitemu lebih mudah untuk bisa ditemukan pengunjung. Saat proses modifikasi dimensi gambar, simbol px tidak harus dicantumkan pada height dan width, tapi pada atribut style perlu dicantumkan. Pada intinya, dokumen HTML tidak akan langsung menampilkan gambar dalam website kamu. Dalam hal ini, dibutuhkan proses memasukan gambar dari direktori atau penyimpanan misalnya dari drive atau dokumen dalam PC. cara memasukan gambar di HTML memang membutuhkan beberapa atribut seperti yang telah dijelaskan di atas, agar gambar muncul di browser. Jangan Tunda Untuk Belajar HTML! Yang namanya belajar, jangan ditunda- tunda DomaiNesians. Walaupun diawal terasa berat dan sulit, tapi yakinlah bahwa kamu bisa melalui itu semua. Buat kamu yang tertarik dengan pemrograman web, kamu bisa belajar html gratis untuk pemula. Dijamin mudah dan dapat dipahami. Semangat untuk belajar HTML ya DomaiNesians! Baca Juga PHP vs HTML, Perbandingan 2 Bahasa Pemrograman Web Paling Banyak Digunakan
. 71 332 31 111 35 94 322 300
untuk memasukkan file gambar ke dalam web menggunakan perintah
