Cara Membuat Gambar Dalam Html

Isi kandungan:

Cara Membuat Gambar Dalam Html
Cara Membuat Gambar Dalam Html

Video: Cara Membuat Gambar Dalam Html

Video: Cara Membuat Gambar Dalam Html
Video: HTML Dasar : Image (9/13) 2024, Mungkin
Anonim

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

Cara membuat gambar dalam html
Cara membuat gambar dalam html

Arahan

Langkah 1

Buka fail HTML anda dengan editor teks yang anda gunakan untuk mengedit halaman web. Sekiranya anda tidak mempunyai fail HTML, buatlah dengan mengklik kiri pada desktop atau folder yang diperlukan, dan klik pada menu "Baru" - "Dokumen Teks" Masukkan nama fail dan tambahkan pelanjutan html selepas noktah. Kemudian klik kanan pada dokumen sekali lagi dan pilih "Buka dengan" - "Notepad". Anda akan melihat dokumen kosong di mana anda boleh meletakkan kod HTML.

Langkah 2

Untuk membuat gambar dalam HTML, tag digunakan, yang mesti diletakkan di bahagian untuk ditampilkan. Sebagai contoh:

Gambar dalam HTML

Langkah 3

Teg tidak ditutup dan tidak memerlukan teg penutup. Parameter utamanya, yang mesti digunakan, adalah src, yang menetapkan jalan ke fail gambar yang diinginkan. Anda boleh menentukan dalam baris ini baik jalan penuh (dengan https://) dan jalan relatif (misalnya, /pictures/img.jpg) ke fail gambar yang ingin anda letakkan.

Langkah 4

Parameter penting lain adalah alt, yang menentukan nama gambar dan pengenalannya di halaman. Nama ini akan muncul apabila pengguna mengarahkan tetikus ke atas gambar.

Langkah 5

Anda juga dapat menggunakan atribut lebar dan tinggi untuk menetapkan parameter gambar. Tetapan pertama bertanggungjawab untuk panjang, dan yang kedua adalah untuk ketinggian gambar di halaman. Parameter ini ditentukan dalam piksel. Oleh itu, tag & img> boleh ditetapkan:

Langkah 6

Dengan menggunakan tag ini, gambar dibuat, jalan yang direkam dalam atribut src. Apabila anda menuding di atas gambar, anda akan melihat mesej "nama gambar". Dalam kes ini, gambar selebar 300 piksel dan tinggi 250 piksel. Anda boleh menetapkan semua parameter di atas mengikut kehendak anda.

Langkah 7

Simpan perubahan pada fail menggunakan fungsi "File" - "Save". Buka dokumen dalam penyemak imbas untuk memeriksa apakah gambar berjaya dibuat dalam HTML. Untuk melakukan ini, klik kanan pada fail dan pilih bahagian "Buka dengan", dan kemudian klik pada baris dengan nama penyemak imbas anda. Pembuatan gambar HTML selesai.

Disyorkan: