Bagaimana untuk HTML untuk memasukkan grafik, imej latar belakang. Cara memasukkan imej ke dalam HTML dengan komputer di tengah-tengah, jadual

Bahagian visual adalah salah satu yang paling penting apabila bekerja dengan laman web. Sudah tentu, fungsi adalah lebih rendah, tetapi juga untuk melepaskan dengan tempat yang tidak sepatutnya akaun. Mari kita bercakap tentang bagaimana komputer di laman web untuk memasang imej HTML. Satu kemungkinan untuk ini disediakan, atau lebih? Bagaimana untuk HTML untuk memasukkan imej yang orang lain telah melihatnya? Apa yang lebih baik digunakan - PC atau pelayan?

Apakah HTML?

Markup Language dokumen hiperteks - singkatan berdiri. Dengan itu membentuk tulang belakang tapak masa depan, di sini ia bekerja meletakkan unsur-unsur utama. Kemudian sediakan lembaran gaya melata, dan php-fail yang bertanggungjawab untuk penghantaran data. Tetapi di tengah-tengah mana-mana halaman hanya HTML. Dengan itu, dengan cara itu, imej yang ditetapkan. Ada cara lain, tetapi jika anda ingin memberikan caj awal sesuatu yang mudah, seperti melukis, menggunakan namanya. Dan sekarang mari kita beralih untuk menjelaskan persoalan HTML untuk memasukkan imej.

Menggunakan tag img

Cukup mudah untuk penggunaan grafik. Cara memasukkan imej latar belakang dalam HTML-dokumen? Dan pertama sekali maksudkan dengan fail yang sebagai insert dalam objek halaman. Sebab di sini selain ini dan digunakan img. tag ini adalah unsur-unsur talian, di mana kandungan adalah displaceable. Ia termasuk semua empat daripada Hyper Text Markup Language. Satu - adalah src, ketinggian dan lebar, mereka akan dianggap lanjut. Tiga yang lain - objek ini, embed (untuk memasukkan kandungan media) dan iframe (penggunaan api). Tag berfungsi seolah-olah ia mempunyai item baris. Satu-satunya perbezaan - digunakan kandungan luaran yang tidak dibenarkan, yang dipaparkan. Dan ia perlu menjadi pihak kepada fail yang, sebenarnya, akan dimuatkan. Jika anda mempunyai soalan, cara memasukkan imej latar belakang dalam HTML, ia adalah yang terbaik untuk membuangnya. Kerana ia akan dipaparkan hanya semasa mengendalikan komputer itu sendiri, di mana imej itu terletak.

Menggunakan atribut src

Jadi, kita sedang mempertimbangkan isu bagaimana untuk memasukkan dokumen HTML dalam imej grafik. Nyatakan laluan untuk gambar, yang adalah untuk dimuatkan, menggunakan src. Skim umum adalah seperti berikut: anda perlu menggunakan sifat ini, satu tanda sama dan masukkan alamat.

Setelah menghuraikan pelayar HTML datang untuk tag, ia akan segera mewujudkan satu kawasan di mana item baris akan muncul. Ia adalah di dalam Dia dan akan memuatkan fail luaran. Jalan yang tidak seharusnya mengandungi kesilapan, kerana ia adalah untuk dia pergi kepada program ini. Dan jika dia tidak mencari fail, ia akan memaparkan ikon ralat yang tidak sangat dari segi estetik dan kelihatan. Cara memasukkan imej ke dalam jadual HTML-dokumen? Ia adalah perlu untuk mendaftarkan semua kod di lokasi yang betul.

Menyesuaikan imej pada pelayan: ketinggian dan lebar img tag

Oleh itu, kita tahu bagaimana untuk HTML untuk memasukkan imej. Mari kita mengkaji bagaimana untuk mengkonfigurasi ia. Apabila fail yang dimuat turun kepada pengguna bermula komputer, ia akan menjadi saiz gambar ditakrifkan dengan segera. Dan bagaimana jika ia tidak sesuai dengan parameter awal yang dikehendaki? Dalam kes ini, parameter boleh membantu (bilangan piksel) ketinggian dan lebar. Dalam kes ini, kod akan ditetapkan seperti berikut: pertama, src dan alamat fail. Kemudian kepada struktur yang sama ditunjukkan lebar, dan apa yang sepatutnya menjadi lebar. Dan yang terakhir - ketinggian dan ketinggian. Webmaster sering membuat kesilapan: pelayan muat naik fail besar yang saiz adalah beberapa megabait. Ditetapkan jalan dan mengubah imej kepada saiz yang dikehendaki. Akibatnya, pengguna boleh merenung sebagai agak perlahan-lahan dimuatkan imej kecil. Ini bukan satu pandangan yang sangat menarik dari luar.

Cadangan untuk kerja-kerja

Untuk mengelakkan terlebih dahulu negatif mengurangkan saiz imej. Jika anda tidak pasti pilihan yang diperlukan untuk penampilan yang menarik, membuat salinan dan bereksperimen dengannya. Juga, penjagaan perlu diambil untuk menghubungi pihak pengurusan berat badan. Ia adalah perlu untuk menjalankan tanpa sebarang pengurangan berat badan kehilangan kualiti fail imej dengan penukaran kepada sambungan lain atau dengan menggunakan perkhidmatan dalam talian khas dan program. Ia adalah sesuai bukan sahaja untuk pengguna laman web, tetapi juga webmaster - kerana fail tersebut akan dimuatkan dengan lebih cepat dan menduduki ruang yang kura hosting.

keupayaan rakaman Contoh

Mari kita lihat bagaimana anda boleh menetapkan jalan untuk imej:

1. Nama Satu fail.

2. Nota alamat imej terletak pada satu komputer tempatan (server).

3. jalan terperinci kepada lokasi fail pada tuan rumah yang berbeza.

Apabila menggunakan contoh perenggan pertama imej mestilah di dalam direktori yang sama seperti imej. Lokasi kedua adalah subfolder berbanding dengan halaman semasa. Contoh yang ketiga menentukan laluan mutlak di mana untuk mencari imej yang anda mahu. Dalam kes kedua, ambil perhatian bahawa gambar boleh berada di mana-mana pelayan (jika penggunaan itu tidak dilarang dalam fail .htaccess). Walau bagaimanapun, jika ia dikeluarkan, dan imej di laman anda hilang. HTML adalah ciri yang memerlukan kehadiran hanya markup dokumen itu, dan segala-galanya boleh dimuat naik di sebelah pelayan. Kaedah-kaedah ini sering digunakan untuk meningkatkan kelajuan muat turun (tetapi kemudian anda perlu tahu bagaimana untuk menggunakan alat ini).

Pelantikan alt dan tajuk untuk img?

Apa yang perlu dilakukan apabila fail imej, atas apa jua sebab, tidak dimuatkan dengan HTML dokumen? Jika ia adalah salah untuk laluan atau sesuatu yang lain anda, alt atribut harus digunakan. Beliau mempunyai tugas menyampaikan imej alternatif. Di sini kita andaikan bahawa grafik tidak dimuatkan. Tetapi pelayar masih membentuk kawasan di bawah imej. Ia juga perlu dalam kes-kes di mana pengguna menjangka podgruzki, dan anda mesti menunjukkan kepadanya bahawa program ini adalah bersedia untuk menerima jadual.

Untuk menunjukkan teks yang disertakan, tajuk atribut istimewa. Sebenarnya, ini petua alat, dan anda boleh menggunakannya untuk hampir mana-mana elemen HTML kod visual. Ini adalah baik kerana ia membolehkan anda untuk menerangkan aspek-aspek tertentu. Menggunakan dua ditunjukkan dalam atribut sarikata ini adalah seperti berikut: dalam contoh di atas selepas ketinggian pertama terakru alt, dan kemudian tajuk.

Selain itu, sifat-sifat ini bukan sahaja dapat berkhidmat untuk mewujudkan kemudahan untuk pelawat. Mereka boleh memberi kesan positif kepada promosi laman web ini. Jadi, ini perlu disimpan dalam penggunaan kata kunci. Ini akan meningkatkan ranking sumber dalam ranking laman web dan perkhidmatan imej enjin carian. Tetapi dalam semua yang anda perlu berhati-hati dan rasional.

menyelaraskan gambar

Untuk imej, dan secara umum semua 4 unsur-unsur bahasa markup yang dinyatakan sebelum ini, telah diperkenalkan oleh sifat align itu. Dengan itu, anda boleh menukar tempat gambar. Secara lalai, ia adalah sejajar dengan pinggir bawah. Kerana ia adalah di bahagian bawah. Dan bagaimana untuk melakukannya di atas? Ini memerlukan atas. Dalam amalan, ini akan kelihatan seperti ini: selepas src, di mana alamat imej itu menunjukkan, menambah atribut align dan nilainya.

Dan selaras, di mana terdapat gambar, ia akan diselaraskan dengan pinggir atas. Bagaimana untuk HTML untuk memasukkan imej di tengah-tengah? Ada satu lagi peluang untuk menulis - tengah. Apabila menggunakannya tidak asasnya mengubah apa-apa. Apabila menggunakan apa-apa corak kod akan diselaraskan di tengah-tengah. Anda juga boleh melakukan untuk membalut teks di sekitar imej. Untuk melakukan ini, sifat-sifat kanan dan kiri dikenakan. menjadi "terapung" Dalam kes seperti imej. Offset ke kiri kelihatan sama seperti ejaan lain. Menggunakan hak akan memberikan hasil yang sama dengan perbezaan bahawa gambar akan diletakkan di sebelah kanan. Penggunaan arahan ini mempunyai nuansa tersendiri. Oleh itu, masalah yang penting adalah berhampiran terlalu dekat teks kepada imej. Oleh kerana itu ia mewujudkan kesan yang melekat, yang agak tidak menyenangkan mata. Tetapi ini boleh diperbetulkan dengan menggunakan lembaran gaya melata atau HTML-kod. Gunakan sifat-sifat perubahan vSpace dan hspace itu. Pertama boleh menetapkan bahagian atas padding dan bawah, dan kedua - di sebelah kanan dan kiri.

Kami sedang melakukan latar belakang

Cara memasukkan imej ke dalam laman web HTML-halaman? Sangat berguna untuk mencapai ini adalah untuk mengaitkan latar belakang. Ia merupakan komponen anggota badan. Tujuannya - untuk menunjukkan laluan kepada fail imej, yang perlu mengisi halaman, jadual atau sel tunggal. Dalam amalan, penggunaan itu adalah seperti berikut: Daftar yang alamat imej mempunyai parameter nilai bodybackground. Imej latar belakang ditetapkan dalam apa-apa cara yang berulang-ulang di sepanjang paksi ordinat dan absisa, bermula dari sudut kiri atas. dok sebelumnya di sini diikuti. Jika anda mahu untuk mengisi sesuatu yang mudah seperti warna tunggal, bukannya menggunakan gambar, anda boleh menggunakan penerangan ringkas ini: jumlah skala dinyatakan sebagai ciri parameter untuk bgcolor badan. Di sini terdapat perubahan kecil. Seperti yang anda boleh lihat, ia telah digunakan bgcolor atribut. Untuk itu hanya diperlukan untuk menentukan apa warna ia akan diisi dengan halaman atau sebahagian daripadanya. Berikut adalah cara untuk memasukkan imej ke dalam HTML dengan komputer untuk membuat ia latar belakang dan menukar warna. Secara umum, untuk belajar sepenuhnya HTML, masa yang cukup untuk memberikan seminggu, dan ini adalah lebih daripada cukup.

kesimpulan

HTML, walaupun ia tidak boleh mendakwa diri mereka sebagai bahasa pengaturcaraan sepenuhnya, bagaimanapun, adalah amat berharga apabila mewujudkan laman web. Beliau merupakan tulang benar. Dan kita boleh berkata dengan yakin, sekarang bahawa anda tahu, seperti yang kita bekerja dengan latar belakang dan imej tetap, dan melampirkannya ke pautan. Jadi jawapan kepada persoalan bagaimana untuk memasukkan imej dalam HTML, hendaklah jelas.