Cara Menggunakan HTML untuk Menyisipkan Logo

Saat Anda ingin menambahkan logo ke situs web atau email Anda, cukup HTML sederhana yang diperlukan untuk menyisipkan gambar. Menambahkan logo dapat membuat upaya penerbitan online Anda jauh lebih profesional, dan mudah untuk menambahkan berbagai logo dan gambar ke file Anda setelah Anda menghafal kode dasarnya. Jika Anda ingin memasukkan logo ke dalam desain atau file, berikut cara menggunakan HTML untuk membuat logo ramah web Anda.

Langkah 1

Temukan file logo Anda. Anda memerlukan lokasi file dan ekstensi gambar logo Anda sehingga Anda dapat memasukkannya ke dalam kode.

Video Hari Ini

Langkah 2

Buka editor kata Anda. Buka Notepad atau perangkat lunak pengolah kata lainnya untuk mulai menulis kode Anda.

Langkah 3

Tulis kode untuk menyisipkan file gambar. Jenis Langkah 4

Masukkan informasi 'alt tag'. Ini berharga untuk mesin pencari dan pengguna yang tidak dapat membaca gambar. Informasi ini dapat mencakup nama perusahaan Anda atau hanya pesan dari logo Anda. Anda harus menambahkan ini segera setelah bagian 'img src' dan menyisipkan teks di sekitar dua apostrof.

Langkah 5

Tunjukkan tinggi dan lebar gambar Anda. Informasi tinggi dan lebar segera setelah atribut tag alt Anda dan juga dibungkus dengan apostrof. Anda perlu menulis yang berikut ini: width = "(number of pixels)" height="(number of pixels)".

Langkah 6

Tunjukkan informasi perbatasan lalu tutup tag. Ketebalan batas tidak diperlukan untuk semua logo, tetapi standarnya biasanya '0'. Anda harus menulis yang berikut ini: border="0" dan kemudian tutup tag dengan simbol '>' lainnya.

Langkah 7

Simpan file Anda sebagai ekstensi .htm. Ini adalah file HTML Anda yang dapat Anda gunakan untuk proyek desain Anda.

Hal yang Anda Butuhkan

  • Perangkat lunak Microsoft Paint atau Gambar

  • Notepad atau program pengolah kata dasar

Tip

Anda dapat mengubah ukuran gambar Anda dengan mudah dengan mengedit lebar dan tinggi dalam HTML. Default untuk gaya batas biasanya 0. Anda dapat membuat logo dapat diklik dengan menambahkan "" dan "" di sekitar gambar.

Peringatan

Pastikan logo dapat ditemukan di tempat yang mudah diakses di hard drive komputer Anda. Selalu tutup tag Anda dengan benar; melewatkan langkah ini dapat mencegah gambar atau file Anda muncul.