Cara HTML untuk memasukkan grafis, gambar latar belakang. Cara memasukkan gambar ke dalam HTML dengan komputer di tengah, meja

Bagian visual adalah salah satu yang paling penting ketika bekerja dengan situs. Tentu saja, fungsi lebih rendah, tetapi juga untuk membuang dengan itu tidak boleh akun. Mari kita bicara tentang bagaimana sebuah komputer di situs untuk menginstal gambar HTML. Salah satu kemungkinan untuk ini disediakan, atau beberapa? Cara HTML untuk menyisipkan gambar yang orang lain telah melihat hal itu? Apa lebih baik menggunakan - PC atau server?

Apa itu HTML?

Bahasa markup dokumen hypertext - bahwa akronim berdiri untuk. Dengan itu menjadi tulang punggung situs masa depan, di sini itu bekerja menempatkan unsur-unsur utama. Kemudian mendirikan Cascading style sheet, dan php-file yang bertanggung jawab untuk transmisi data. Tapi di jantung setiap halaman hanya HTML. Dengan itu, by the way, gambar ditetapkan. Ada cara lain, tetapi jika Anda ingin memberikan biaya awal sesuatu yang sederhana, seperti menggambar, menggunakan namanya. Dan sekarang mari kita beralih untuk memperjelas pertanyaan seperti HTML untuk menyisipkan gambar.

Menggunakan tag img

Mendapatkan ke penggunaan grafis. Cara menyisipkan gambar latar belakang dalam dokumen HTML? Dan pertama dan terutama maksud dengan file yang sebagai insert di halaman objek. Karena di sini Selain ini dan digunakan img. tag ini adalah elemen garis, dimana konten adalah dapat diganti. Ini mencakup semua empat dari Hyper Text Markup Language. Satu - adalah src, tinggi dan lebar, mereka akan dipertimbangkan lebih lanjut. Tiga orang lain - objek ini, embed (untuk memasukkan konten media) dan iframe (penggunaan api). Tag bekerja seolah-olah memiliki item baris. Satu-satunya perbedaan - digunakan konten eksternal yang tidak sah, yang ditampilkan. Dan itu harus menjadi partai ke file yang, pada kenyataannya, akan dimuat. Jika Anda memiliki pertanyaan, bagaimana menyisipkan gambar latar belakang dalam HTML, yang terbaik adalah untuk membuangnya. Karena akan ditampilkan hanya saat mengoperasikan komputer itu sendiri, di mana gambar berada.

Menggunakan atribut src

Jadi, kami sedang mempertimbangkan masalah bagaimana untuk menyisipkan dokumen HTML dalam gambar grafis. Untuk menentukan path ke gambar, yang akan dimuat, menggunakan src. Skema umum adalah sebagai berikut: Anda perlu menggunakan atribut ini, sebuah tanda sama dan masukkan alamat.

Setelah parsing HTML browser datang ke tag, segera akan membuat area di mana item baris akan muncul. Hal ini dalam dirinya dan akan memuat file eksternal. Jalan itu harus tidak mengandung kesalahan, karena baginya untuk pergi ke program. Dan jika dia tidak menemukan file tersebut, ia akan menampilkan ikon kesalahan yang sangat tidak estetis menyenangkan dan terlihat. Cara menyisipkan gambar ke dalam tabel HTML-dokumen? Hal ini diperlukan untuk mendaftarkan semua kode di lokasi yang benar.

Menyesuaikan gambar pada server: tinggi dan lebar dari tag img

Jadi kita tahu bagaimana HTML untuk menyisipkan gambar. Mari kita sekarang memeriksa bagaimana mengkonfigurasinya. Setelah file di-download ke pengguna dimulai komputer, maka akan ukuran gambar segera ditetapkan. Dan apa jika tidak sesuai dengan parameter awal dari yang diinginkan? Dalam hal ini, parameter dapat membantu tinggi dan lebar (jumlah piksel). Dalam hal ini, kode akan ditentukan sebagai berikut: pertama, src dan alamat file. Kemudian untuk struktur serupa ditunjukkan lebar, dan apa yang harus lebar. Dan yang terakhir - tinggi dan tinggi. Webmaster sering membuat kesalahan: server meng-upload file besar yang ukurannya beberapa megabyte. Ditetapkan jalan, dan menyesuaikan gambar dengan ukuran yang diinginkan. Akibatnya, pengguna dapat merenungkan sebagai cukup lambat dimuat gambar kecil. Ini bukan tampilan yang sangat menarik dari luar.

Rekomendasi untuk bekerja

Untuk menghindari muka negatif mengurangi ukuran gambar. Jika Anda tidak yakin pilihan yang diperlukan untuk tampilan yang menarik, membuat salinan dan bereksperimen dengan itu. Juga, perawatan harus dilakukan untuk mendekati manajemen berat badan. Hal ini diperlukan untuk melaksanakan tanpa kehilangan kualitas penurunan berat badan dari file gambar dengan konversi ke ekstensi lainnya atau dengan menggunakan layanan online khusus dan program. Sangat cocok tidak hanya untuk pengguna situs, tetapi juga webmaster - karena file tersebut akan dimuat lebih cepat dan menempati ruang kurang pada hosting.

Kemampuan contoh rekaman

Mari kita lihat bagaimana Anda dapat mengatur path ke gambar:

1. nama Satu file.

alamat gambar 2. Catatan terletak pada satu komputer lokal (server).

3. jalan rinci ke lokasi file pada host yang berbeda.

Bila menggunakan contoh paragraf pertama dari gambar harus dalam direktori yang sama dengan gambar. Lokasi kedua adalah subfolder relatif ke halaman saat ini. Contoh ketiga menentukan path absolut di mana untuk menemukan gambar yang Anda inginkan. Dalam kasus terakhir, diketahui bahwa gambar dapat berada di server apapun (jika penggunaan tersebut tidak dilarang dalam file .htaccess). Namun, jika hal itu dihapus, dan gambar di situs Anda menghilang. HTML adalah fitur yang membutuhkan kehadiran hanya markup dokumen, dan segala sesuatu yang lain dapat di-upload pada sisi server. Metode ini sering digunakan untuk meningkatkan kecepatan download (tapi kemudian Anda perlu tahu bagaimana menggunakan alat ini).

Penunjukan alt dan judul ke img?

Apa yang harus dilakukan ketika file gambar, untuk alasan apapun, tidak dimuat dengan HTML dokumen? Jika salah untuk jalan Anda atau sesuatu yang lain, atribut alt harus digunakan. Dia memiliki tugas menyajikan gambar alternatif. Di sini kita mengasumsikan bahwa grafis tidak dimuat. Tapi browser masih membentuk daerah di bawah gambar. Hal ini juga diperlukan dalam kasus di mana pengguna mengharapkan podgruzki, dan Anda harus menunjukkan kepadanya bahwa program ini siap menerima jadwal.

Untuk menunjukkan teks yang menyertai, judul atribut khusus. Bahkan, ini tooltip, dan Anda dapat menggunakannya untuk hampir semua elemen HTML-kode visual. Ini bagus karena memungkinkan Anda untuk menjelaskan aspek-aspek tertentu. Menggunakan dua ditampilkan dalam atribut subjudul ini adalah sebagai berikut: dalam contoh di atas setelah ketinggian pertama bertambah alt, dan kemudian judul.

Selain itu, atribut ini tidak bisa hanya melayani untuk membuat kenyamanan bagi pengunjung. Mereka dapat memiliki dampak positif pada promosi situs. Jadi, ini harus disimpan dalam penggunaan kata kunci. Hal ini akan meningkatkan peringkat dari sumber daya di peringkat situs dan gambar layanan mesin pencari. Tetapi dalam semua Anda harus berhati-hati dan rasionalitas.

menyelaraskan gambar

Untuk gambar, dan secara umum semua 4 elemen bahasa markup yang disebutkan sebelumnya, diperkenalkan oleh atribut align. Dengan itu, Anda dapat mengubah lokasi gambar. Secara default, itu sejalan dengan tepi bawah. Untuk itu dalam bagian bawah. Dan bagaimana melakukan di atas? Ini membutuhkan atas. Dalam prakteknya, ini akan terlihat seperti ini: setelah src, di mana alamat gambar menunjukkan, menambahkan atribut align dan nilainya.

Dan di garis, di mana ada gambar, itu akan disesuaikan dengan tepi atas. Cara HTML untuk memasukkan gambar di tengah? Ada satu lagi kesempatan untuk menulis - tengah. Bila menggunakan itu tidak mendasar mengubah apa-apa. Bila menggunakan pola seperti kode akan disesuaikan di tengah. Anda juga dapat melakukan untuk membungkus teks di sekitar gambar. Untuk melakukan hal ini, atribut kanan dan kiri berlaku. menjadi "mengambang" Dalam kasus seperti gambar. Offset ke kiri terlihat sama dengan ejaan lainnya. Menggunakan tepat akan memberikan hasil yang serupa dengan perbedaan bahwa gambar akan ditempatkan di sebelah kanan. Penggunaan instruksi ini memiliki nuansa tersendiri. Dengan demikian, masalah yang signifikan adalah terlalu dekat teks untuk gambar. Karena ini menciptakan efek mencuat, yang agak tidak menyenangkan untuk mata. Tapi ini dapat diperbaiki dengan menggunakan Cascading style sheet atau HTML-kode. Penggunaan seperti perubahan vSpace dan hspace atribut. Pertama menetapkan atas padding dan bawah, dan yang kedua - di sebelah kanan dan kiri.

Kami melakukan latar belakang

Cara menyisipkan gambar ke situs web HTML-halaman? Sangat berguna untuk mencapai hal ini adalah untuk atribut latar belakang. Ini adalah komponen dari anggota tubuh. Its tujuan - untuk menunjukkan path ke file gambar, yang harus mengisi halaman, meja atau sebuah sel tunggal. Dalam prakteknya, penggunaan adalah sebagai berikut: The register alamat gambar memiliki parameter nilai bodybackground. Gambar latar belakang diatur sedemikian rupa berulang sepanjang sumbu koordinat dan absis, mulai dari sudut kiri atas. dock sebelumnya di sini diikuti. Jika Anda ingin mengisi sesuatu yang sederhana seperti satu warna, alih-alih menggunakan gambar, Anda dapat menggunakan deskripsi singkat ini: Nomor skala ditentukan sebagai karakteristik parameter untuk bgcolor tubuh. Di sini ada perubahan kecil. Seperti yang Anda lihat, itu sudah dalam atribut digunakan bgcolor. Untuk itu hanya diperlukan untuk menentukan warna apa yang akan diisi dengan halaman atau bagian dari itu. Berikut adalah cara untuk memasukkan gambar ke dalam HTML dengan komputer untuk membuat latar belakang dan mengubah warna. Secara umum, dalam rangka untuk sepenuhnya belajar HTML, cukup waktu untuk memberikan seminggu, dan ini lebih dari cukup.

kesimpulan

HTML, meskipun tidak bisa mengklaim untuk menjadi bahasa pemrograman penuh, bagaimanapun, adalah sangat berharga saat membuat sebuah situs. Dia adalah tulang sejati. Dan kita dapat mengatakan dengan keyakinan, sekarang Anda tahu, karena kami bekerja dengan latar belakang dan gambar tetap, dan melampirkannya ke link. Jadi jawaban untuk pertanyaan tentang bagaimana untuk menyisipkan gambar dalam HTML, harus jelas.