Cara Membuat Gambar Di Html

Daftar Isi:

Cara Membuat Gambar Di Html
Cara Membuat Gambar Di Html

Video: Cara Membuat Gambar Di Html

Video: Cara Membuat Gambar Di Html
Video: Tutorial Dasar Html #6 - Cara Memasukkan Gambar Pada HTML 2024, November
Anonim

HTML adalah bahasa markup yang digunakan untuk membuat halaman Internet. Ini dapat digunakan untuk menyesuaikan tampilan berbagai elemen, termasuk gambar. Pengaturan tampilan gambar dalam HTML dilakukan melalui tag khusus.

Cara membuat gambar di html
Cara membuat gambar di html

instruksi

Langkah 1

Buka file HTML Anda dengan editor teks yang Anda gunakan untuk mengedit halaman web. Jika Anda tidak memiliki file HTML, buat dengan mengklik kiri di desktop atau di folder yang diperlukan, dan klik menu "Baru" - "Dokumen Teks". Masukkan nama file dan tambahkan ekstensi html setelah titik. Kemudian klik kanan pada dokumen lagi dan pilih "Buka dengan" - "Notepad". Anda akan melihat dokumen kosong di mana Anda dapat meletakkan kode HTML.

Langkah 2

Untuk membuat gambar dalam HTML, tag digunakan, yang harus ditempatkan di bagian untuk ditampilkan. Sebagai contoh:

Gambar dalam HTML

Langkah 3

Tag tidak menutup dan tidak memerlukan tag penutup. Parameter utamanya, yang harus digunakan, adalah src, yang mengatur path ke file gambar yang diinginkan. Anda dapat menentukan di baris ini baik jalur lengkap (dengan https://) dan relatif (misalnya, /gambar/img.jpg) ke file gambar yang ingin Anda tempatkan.

Langkah 4

Parameter penting lainnya adalah alt, yang menentukan nama gambar dan identifikasinya pada halaman. Nama ini akan muncul ketika pengguna mengarahkan mouse ke gambar.

Langkah 5

Anda juga dapat menggunakan atribut lebar dan tinggi untuk mengatur parameter gambar. Pengaturan pertama bertanggung jawab untuk panjangnya, dan yang kedua adalah untuk ketinggian gambar di halaman. Parameter ini ditentukan dalam piksel. Dengan demikian, tag & img> dapat diatur:

Langkah 6

Dengan menggunakan tag ini, sebuah gambar dibuat, jalur yang direkam dalam atribut src. Saat Anda mengarahkan kursor ke gambar, Anda akan melihat pesan "nama gambar". Dalam hal ini, gambar akan memiliki lebar 300 piksel dan tinggi 250 piksel. Anda dapat mengatur semua parameter di atas sesuka Anda.

Langkah 7

Simpan perubahan ke file menggunakan fungsi "File" - "Simpan". Buka dokumen di browser untuk memeriksa apakah gambar berhasil dibuat dalam HTML. Untuk melakukan ini, klik kanan pada file dan pilih bagian "Buka dengan", lalu klik pada baris dengan nama browser Anda. Pembuatan gambar HTML selesai.

Direkomendasikan: