Bagaimana untuk menambah gambar ke html

Untuk menambah imej pada halaman HTML, cuma ikut empat langkah: dapatkan fail imej, muat naik ke pelayan tapak web, dapatkan URL imej, kemudian masukkan kod ini dalam kod HTML:

Cara menambah gambar pada halaman HTML

Langkah 1: Dapatkan fail gambar

Cari sebagai fail yang anda mahu simpan sebagai gambar ke folder pada komputer anda. Pastikan format fail imej adalah serasi HTML, seperti JPG, PNG atau GIF.

Langkah 2: Muat naik fail imej ke pelayan laman web

Gunakan Protokol Pemindahan Fail (FTP) atau pengurus fail untuk memuat naik fail imej ke pelayan laman web. Cipta folder untuk gambar pada pelayan untuk mengurus dan mengaturnya.

Langkah 3: Dapatkan URL imej

Selepas memuat naik imej, salin URLnya. URL biasanya kelihatan seperti ini:

<code>http://www.example.com/images/my-image.jpg</code>

Langkah 4: Masukkan imej dalam kod HTML

Masukkan kod berikut dalam kod HTML di mana anda mahu letak imej:

<img src="/static/imghwm/default1.png"  data-src="URL_OF_IMAGE"  class="lazy" alt="IMAGE_DESCRIPTION">

Di mana:

rc

• Atribut menentukan URL imej. Atribut
• alt menyediakan teks alternatif untuk imej, yang dipaparkan apabila imej tidak boleh dimuatkan.

Contoh:

Untuk menambah imej bernama "my-image.jpg" pada halaman HTML bernama "my-page.html", kod tersebut akan kelihatan seperti ini:

<img src="/static/imghwm/default1.png"  data-src="http://www.example.com/images/my-image.jpg"  class="lazy" alt="My Image">

Petua :

• Optimumkan imej untuk mengurangkan masa pemuatan.
• Gunakan gaya CSS untuk mengawal penampilan dan kedudukan imej.
• Pertimbangkan untuk menggunakan alat pemampatan imej untuk mengurangkan saiz imej.

Atas ialah kandungan terperinci Bagaimana untuk menambah gambar ke html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!