Perintah digunakan untuk A. Membuatgaris 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.
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 **
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:
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
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.
Kunjungilaman 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 ).
– Halo sahabat Dutormasi!! Kali ini kita kembali lagi ni membahas pembuatan web Sederhana dan kali ini kita akan coba membahas memasukkan gambar ke dalam web. Pastinya biar tambah keren dong. Nah sebelum kita masuk ke pembuatan web dengan HTML nya pastikan baca dulu ya yang sebelumnya Membuat Heading dan Paragraf menggunakan HTML. Nah yuk langsung kita bahas. Menambahkan gambar ini sangat penting untuk mempercantik tampilan web kita. Dengan adanya gambar membuat pandangan kita terhadap suatu web membuat kita tidak bosan dan memahami informasi melalui dengan gambar. Sintax nya juga gak sulit kok, hanya menambahkan tag img pada file HTML yang sudah kita buat kemarin. Bahan yang harus disiapkan yaitu pastinya gambarnya, ya kan?. Mencari gambar ini bisa kita buat, download atau hanya berupa URL saja. Tapi disini saya akan menggunakan logo dari Dutormasi sendiri seperti yang terlihat pada gambar dibawah. Untuk Selanjutnya ikuti langkah2 berikut ya!! 1. Pindahkan dulu file HTML dan gambar di satu saya akan memasukkan kedua file ke Folder “web”. Fungsinya agar kita mudah untuk melakukan pemasukkan gambarnya ke dalam sintax HTML. 2. Buat lagi folder ke didalam folder web dengan nama folder img optional. 3. Setelah itu kita buka lagi file HTML kita yang sudah kita buat sebelumnya. Kali ini mimin menggunakan Visual Studio Code ya… Pakai Notepad biasa juga masih bisa kok. 4. Setelah itu, dibawah tulisan dutormasi yuk kita masukkan gambar kita dengan menambahkan sintax 5. Didalam tanda kutip src ini kita akan memasukan alamat / posisi dari gambar yang sudah kita siapkan tadi. Yaitu img/ . Nama file disini harus benar-benar sama ya besar kecil hurufnya. Kita contohkan dengan yang mimin buat. Sekaligus kita atur besar gambarnya ya 6. Selanjutnya, tinggal disave deh file HTML nya. Code terlihat menjadi seperti ini. Yang mau source code nya balik lagi ke postingan sebelumnya ya.. 7. Nah, bagi kalian yang teliti pasti bisa liat ada kode yang kita tambahkan. Ada yang tau? Yap benar tag yang membuat teks dan gambar kita menjadi ke tengah. Hasilnya akan menjadi seperti ini. Sedikit lebih baguskan? Terus ikuti postingan ya, kita akan buat tampilan web sederhana kita menjadi lebih bagus lagi dari ini secara pelan-pelan. Semoga bermanfaat ya untuk teman- teman. Baiklah mungkin sampai sini saja postingan kali ini. Sekian dan terima kasih. Salam Dutormasi !! UntukMemasukkan File Gambar Ke Dalam Web Menggunakan Perintah Lengkap Dengan [15+ Foto. Ada dua cara utama untuk memasukkan gambar ke dalam powerpoint anda; Contoh kita ingin melihat file yang ada di dalam folder1, maka masuk dulu ke dalam folder tersebut menggunakan perintah cd.

contoh soal pemrograman web beserta jawabanya 1. Untuk memasukkan 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. untuk menulis bahasa HTML yang paling sederhana adalah ….. A. Ms Excel D. Ms Word B. notepad E. Ms Access C. Ms Powerpoint memberi gambar pada belakang web diatur dengan mengubah nilai atribut A. fontcolor D. body background B. body E. head C. bgcolor 5. Tag memiliki atribut ….. A. size, color, face D. height, width B. type E. size , width C. button 6. 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 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 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 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 10. 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 11. 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 12. 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 nternet 13. 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 14. 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 15. Untuk memisahkan baris pada web dapat digunakan tag …. A. D. B. E. C. 16. CSS merupakan singkatan dari A. cascading sheet style D. cascading style sheet B. conversion style sheet E. conversion select sheet C. conversion sheet style 17. 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 18. 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 19. Yang dimaksud dengan alamat web/blog adalah A. readmore D. label/kategori 20. 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 21. 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 B. submit E. radio button 22. CSS merupakan singkatan dari A. cascading sheet style D. cascading style sheet B. conversion style sheet E. conversion select sheet C. conversion sheet style 23. Berikut ini yang bukan merupakan contoh web browser adalah B. Google Chrome E. Opera 24. Untuk melakukan editing atau merubah isi artikel pada Blogger kita terlebih dulu masuk ke menu 25. Untuk memindahkan tempat Foto Slideshow pada Blogger kita harus masuk ke menu 26. 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 27. Untuk memperlebar ukuran Tampilan Slideshow pada Blogger kita dapat menggunakan menu A. tambah gadget D. hapus tetak B. tambahkan CSS E. tata letak C. sesuaikan template setelan dasar 28. Untuk memudahkan mengatur folder dari website yang sedang dibangun, kita bisa menggunakan fasilitas …. 29. 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 30. 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 C. Insert jump break/ Readmore Page 2

MenggunakanPerintah print Ini juga sering digunakan untuk mencetak ke layar. Secara umum sama saja dengan echo (seperti contoh diatas), perbedaannya diantaranya kecepatan proses dan nilai kembalian. echo tidak ada nilai kembalian dan fungsi lebih luas karena didukung parameter tambahan, kalo print bisa dengan nilai kembalian.
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!
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 ..
Apakah kamu lagi mencari jawaban dari pertanyaan Untuk memasukkan file gambar ke dalam web menggunakan perintah? Berikut pilihan jawabannya Kunci jawabannya adalah C. . Dilansir dari Ensiklopedia, Untuk memasukkan file gambar ke dalam web menggunakan perintahuntuk memasukkan 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 29 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?
Silahkankamu masuk ke dalam aplikasi CorelDRAW. Buka atau buat dokumen baru disana. Kalau sudah silahkan tekan langsung tombol CTRL + I. Pilih file gambar yang ingin kamu masukkan. Lalu klik Import. Disini kamu letakkan gambar tersebut dengan cara tap dan seret lalu sesuaikan ukurannya. Maka gambar akan otomatis muncul disana. 3.
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali A. Mozilla Firefox B. Opera C. Netscape Navigator D. Internet Explorer E. Macromedia Dreamweaver . 3. Perintah digunakan untuk ... A. Membuatgaris 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. MsPowerpoint D. Notepad E. MsAcces 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 dibukadengan web browser D. Halaman digital yang berisi berbagai jenis data dan gambar. E. Halaman digital online yang terhubung dengan internet 20. Untukmembuatsebuah website dibutuhkanbahasapemrograman yang disebutdengan script. Dan script yang paling mendasardalampembuatan 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. Untukmemberinamaatau title sebuah web/blog, harusdisesuaikandengan A. Desain web/blog B. Isi web/blog C. Koneksi internet yang digunakan D. Browser yang digunakan E. Namapenguna web/blog 25. Yang dimaksuddenganalamat web/blog adalah A. URL B. Link C. Readmore D. Label/Kategori E. HTML 26. Karenabanyaknyajenistulisandalamsebuah web/blog, makatulisantersebutperludikelompokkanuntukmemudahkanpembacamengaksesnya. Fasilitasuntukmengelompokkantulisantersebutdikenaldenganistilah A. URL B. Link C. Readmore D. Label/Kategori E. Gadget 27. Jikabeberapatulisanpadahalamandepan home padasebuah web/blog tampilsecarautuhmakaakanmengakibatkanhalamandepantersebutakanmenjadi penuhsesakdanmemakantempatterlalulebar. Fasilitasuntukmemotongtulisantersebutdikenaldenganistilah A. URL B. Link C. Insert jump break/ Readmore D. Label/ Kategori E. Insert Image 28. Fungsi tag maman adalah A. Untukmemberikanteks padahalaman web B. Untukmemberikantombolmenuju C. Untukmemberikantulisanpada D. Untukmemberikanpenomoranpadatulisan maman E. Untukmemberikan format judulpadatulisan 29. Suatuobjek yang dapatberupateksataugambar yang dipakaidalamdokumen HTML untukmelompatdarisatudokumenkedokumenatautempatlainpadadokumen yang samaadalah A. Frame B. Link C. Submit D. Form E. Radio Button 30. Panel yang berfungsiuntukmemasukkanataumenyisipkanberbagaijenisobjeksepertigambar, table dan layer pada Dreamweaver adalah A. Insert bar B. Document toolbar C. Panel groups D. Document window E. Files panel 31. CSS merupakansingkatandari A. Cascading Sheet Style B. Cascading Style Sheet C. Conversion Sheet Style D. Conversion Style Sheet E. Conversion Select Sheet 32. Judul dalamhalaman web diletakkandalam tag A. Judul B. Judul C. Judul D. Judul E. Judul 33. Berikutini yang bukanmerupakancontoh web browser adalah A. Safari B. Google Chrome C. Netscape D. Facebook E. Opera 34. Hal-hal padapenulisan script HTML yang tidakterpengaruhterhadaptampilan di halaman web A. Penulisandenganhurufkapiralsemuaataukecilsemua B. Penulisandenganhurufbesardankecil C. Spasisebanyak-banyaknya D. Enter berkali kali ataugantibarissebanyakbanyaknya E. Penulisantitikataukoma 35. Untukmelakukan editing ataumerubahisiartikelpada Blogger kitaterlebihdulumasukke menu A. Pos B. Laman C. Template D. Komentar E. Google+ 36. UntukmemindahkantempatFoto Slideshow pada Blogger kitaharusmasukke menu A. Pos B. Laman C. Template D. Tata Letak E. Setelan 37. Insert Jump Break pada menu Postingpada Blogger berfungsisebagai A. PublikasiArtikelpadahalaman Posting B. MenyisipkanGambarpadahalaman Posting C. MemutusArtikelpanjangdanmemunculkan menu Readmore. D. MenghapusArtikelpadahalaman Posting. E. MembuatTabelpadahalaman Posting. 38. UntukmemperlebarukuranTampilan Slideshow pada Blogger kitadapatmenggunakan menu A. Tambah Gadget B. SetelanDasar C. Tambahkan CSS D. Sesuaikan Template E. Tata Letak 39. Langkah-langkahmembuatPollingpadahalaman 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-langkahmembuathalaman web Blogger dualajurmenjaditigalajur A. Template, sesuaikan, LatarBelakang B. Template, sesuaikan, SesuaikanLebar C. Template, sesuaikan, Tata Letak D. Template, sesuaikan, Tingkat Lanjut E. Template, sesuaikan, Tambahkan CSS
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.
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<<
Perangkatmasukan atau input device adalah perangkat keras yang berguna untuk memasukkan data atau perintah ke dalam komputer. Contoh: keyboard dan mouse) dan peralatan input tidak langsung (harus melalui media tertentu. Contoh: harddisk dan flashdisk). Berikut adalah beberapa macam perangkat masukan komputer lengkap dengan gambar. Langsung

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

Andadapat memasukkan gambar pada sebuah halaman HTML dengan menggunakan tag
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
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 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
Dibawah ini adalah beberapa cara yang paling efektif untuk mencari tahu password WiFi yang dikunci. 1. Menggunakan Aplikasi WiFi WPS WPA Tester. Cara paling pertama yang bisa dipakai untuk mencari tahu password WiFi adalah dengan menggunakan sebuah aplikasi Android yaitu WiFi WPS WPA Tester. App ini bisa Anda download dan install secara
Untuk Memasukkan File Gambar Ke Dalam Web Menggunakan Perintah Lengkap Dengan [15+ Foto. Ada dua cara utama untuk memasukkan gambar ke dalam powerpoint anda; Contoh kita ingin melihat file yang ada di dalam folder1, maka masuk dulu ke dalam folder tersebut menggunakan perintah cd. Soal Dan Jawaban Mengelola Isi Halaman Web from Ini bisa berupa apa saja, mulai dari txt file kosong atau file zip. Sebelum anda memasukkan gambar ke sebuah website, anda harus mempertimbangkan apakah penempatan gambar untuk menambahkan gambar ke html, anda dapat menggunakan tag . Tap gambar yang ingin digunakan untuk melakukan penelusuran. Untuk masuk ke server yang telah dipasang, kita perlu tahu alamat ip publiknya. Dalam melakukannya nanti, anda akan menyimpan seluruh halaman web sebagai file independen. Untuk menambah hak ini, kita. Kemudian ketik ls untuk melihat isi file dari folder1. Untuk lebih jelasnya bisa baca di perintah dasar dalam git. Aku menginginkan semua gambar dari halaman web itu! Tutorial membuat web sederhana dengan html css.
Metodeinline, yaitu dengan menyebutkan secara langsung nama file yang akan dimasukkan dalam satu baris perintah. Memasukkan gambar tanpa teks titel. Teks titel adalah teks yang muncul jika mouse di tunjuk di atas gambar. Secara umum sintax-nya adalah: ! [Teks alternatif] (path/ke/file/gambar.png)
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
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
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 Padakesempatan kali ini membagikan tutorial bagaimana cara membuat upload file khusus untuk gambar di PHP dengan menggunakan database mysql sebagai tempat penyimpanan informasi data gambar. Fitur upload foto (gambar) yang akan kita buat juga memanfaatkan jquery dimana saat gambar dibuka dari source komputer kita, maka
Perintah 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. D. B. E. C. 5.
\n \n\n \nuntuk memasukkan file gambar ke dalam web menggunakan perintah
9 Setelah itu ketik kan perintah berikut ini di Command Prompt lalu tekan Enter maka hasilnya kan seperti gambar di bawah. 10 . Dan jika berhasil akan muncul file baru dengan nama dalam folder contoh. Dan file dari hasiljadi.jpg jika dibuka maka akan tetap sama seperti gambar master.jpg. 11.
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>
Yfu2xB.