Internet, Desain web
Picture Manager - tag img
gambar tidak hanya dimasukkan langsung dalam teks. Browser melaporkan nama dan menunjukkan di mana dan bagaimana posisi layar. Untuk melakukan hal ini, menggunakan satu HTML-tag img. Ini menentukan lokasi objek grafis pada halaman Web.
Jika banyak atribut untuk tag, pada prinsipnya, tidak wajib, tag img harus memiliki minimal satu parameter - alamat gambar. Atribut ini disebut src:
- < 'Http: // situs /article/148301/goat.jpg' Img src => - pada saat ini muncul berkas goat.jpg yang disimpan di direktori saat ini;
- < 'Http: megasellmag.ru/design/images/Shape5.png' Img src => - dengan tag pilihan img Browser Download gambar diposting di Internet di situs megasellmag.ru.
atribut menyelaraskan
Untuk posisi gambar pada halaman HTML dengan bantuan hanya menyajikan tag img, atribut yang bertanggung jawab untuk penempatan gambar pada halaman dan karakter membungkus teks-nya.
Secara default, browser memiliki gambar di tengah layar, dan teks membungkus di sekitar itu tidak. tag img memungkinkan untuk mengekspresikan ketidaksetujuan mereka dengan browser menggunakan atribut align (alignment).
Demikian pula, akan perilaku teks, jika gambar ke kanan (align = kanan), tengah (align = tengah), atas (align = atas), bawah (align = bawah) dan pusat (center).
Parameter lekukan dan ukuran
Untuk membuat teks pada gambar tidak merangkak, mendapat tag img khusus atribut -hspace (horizontal / horisontal lapangan) dan vSpace (vertikal / vertikal lapangan) menentukan nilai indentasi tepi gambar teks dalam pixel.
gambar tidak hanya patuh mengatur sendiri terpisah dari teks nilai yang ditentukan, tetapi juga menjauh dari tepi halaman, maka akan lebih baik untuk menghindari lekukan besar.
ukuran geometris yang sangat penting dari gambar tidak hanya diinginkan, tapi kadang-kadang perlu untuk menentukan untuk tampilan yang benar dari gambar. Untuk ini adalah atribut width (lebar) dan tinggi (H), nilai yang diatur dalam pixel atau persentase.
Jika Anda hanya menentukan lebar, tinggi akan dicocokkan secara otomatis dengan proporsi asli. Dimensi yang diberikan dalam persentase, memungkinkan untuk menempatkan gambar di sisi kanan halaman, terlepas dari ukuran jendela browser, seperti kebutuhan muncul sering.
Pilihan lain
Atribut perbatasan masuk ke dalam gambar dalam bingkai ditentukan ketebalan, yang tidak membuat browser default.
< 'Http: // situs /article/148301/goat.jpg' Img src = width = '500' height = '360' border = '5'>
frame mungkin memiliki ketebalan yang tampaknya berarti nol (border = '0'), tetapi selama gambar tidak link, browser secara otomatis obvedet bingkai biru, tanpa menunggu instruksi.
< 'http: // situs /article/148301/images/opana.gif' img src = '250' height = width = '250'> a>
Beberapa pengguna tidak sabar, marah kecepatan rendah internet, cukup lepaskan gambar acara. Berikut untuk kasus-kasus seperti itu, disediakan parameter alt, memungkinkan Anda untuk memasukkan teks alternatif bahwa pengguna akan melihat dalam kotak, yang mempercepat boot image.
Jika Anda tidak puas dengan kemungkinan pengaturan alt, tawaran tag img atribut longdesc sebagai nilai yang digunakan dokumen URL-alamat dengan penjelasan yang lebih rinci.
Atribut usemap ismap dan memberitahu browser bahwa gambar akan menggambar yang hyperlink adalah wilayah yang terpisah (kartu referensi), hanya parameter usemap menentukan peta navigasi di server, dan ismap - peta di sisi klien.
< 'Http: // situs /article/148301/Quad_Band_Phone.gif' Img src = width = '145' height = '126' alt = 'Mobile Phones' usemap = '# ponsel'>
Deskripsi dari link 1 pada gambar di bawah:
elemen eksotis
Atribut lowsrc menginstruksikan browser untuk men-download salinan pertama (atau alternatif lain) dari gambar asli dengan kualitas yang lebih rendah dan sejalan lebih "ringan". Trik ini disediakan dalam hal kecepatan rendah dari pengguna internet. Gambar asli dengan booting menggantikan "palsu".
Hal ini tidak sering digunakan atribut galleryimg tag img menyebabkan panel kontrol gambar (jika Anda membawa lebih dari itu), yang memungkinkan Anda untuk membuka folder default "My Pictures" dan mencetak, menyimpan atau mengirim gambar melalui email. Menonaktifkan panel dengan menentukan nilai parameter galleryimg ada / palsu, dan mengaktifkannya dengan ya / benar.
Spesifikasi HTML5 baru dari sejumlah tag usang beberapa parameter. Jadi, img lowsrc atribut, perbatasan, longdesc dan nama diberhentikan.
Similar articles
Trending Now