whycomputer.com >> Jaringan komputer >  >> Perangkat lunak

Cara Memindahkan Teks Di Sekitar Gambar Dengan HTML atau CSS

Saat Anda memasukkan gambar dengan teks pada halaman Web Anda, gaya default menampilkan grafik di atas atau di bawah konten di sekitarnya, meninggalkan ruang putih di sebelah kiri dan kanan gambar. Ini membuang-buang ruang dan membuat gambar tampak terputus-putus dari teks Anda. Untuk memperbaikinya, Anda memiliki opsi untuk menggunakan HyperText Markup Language (HTML) atau Cascading Style Sheets (CSS) untuk menentukan posisi gambar sehingga teks membungkus di sekitar batas gambar. Gunakan HTML atau CSS untuk memindahkan teks di sekitar gambar Anda, seperti yang Anda inginkan.

HTML

Langkah 1
Luncurkan file halaman di program editor teks komputer Anda dan posisikan kursor Anda di dalam tag "". Ketik "align \u003d" dan ikuti ini dengan tanda kutip seperti:

Langkah 2
Masukkan "kanan," "kiri," "tengah," "atas" atau "bawah" setelah menyelaraskan entri ke tentukan di mana gambar Anda muncul sehubungan dengan teks Anda. Perataan "atas" membuat konten Anda muncul di titik tertinggi gambar Anda, "tengah" memindahkan teks ke tengah foto dan "bawah" mengarahkan konten untuk memulai di bagian bawah grafik. Selain itu, posisi "kanan", memindahkan data Anda ke kiri gambar dan perataan "kiri" menempatkan konten di sebelah kanan gambar. Ketikkan kode Anda sebagai berikut:
Simpan file.

CSS

Langkah 1
Tempatkan kursor Anda di dalam tag "" dan ketik "style \u003d" dengan satu set kutipan menandai sebelum braket sudut terakhir. Untuk menggambarkan:

Langkah 2
Masukkan "float:" di dalam tanda kutip dan ketik atribut "kiri" atau "kanan" untuk memberi nama perataan grafik. Nilai "kiri" membuat gambar Anda muncul di sebelah kiri dan memindahkan teks Anda ke kanan, sedangkan atribut "kanan" melakukan sebaliknya. Misalnya:
Simpan dokumen Anda.

URL:https://komputer.whycomputer.com/Perangkat-lunak/101304875.html

Perangkat lunak
  • Cara Membuat Gambar GIF Dengan CorelDRAW

    CorelDRAW adalah program grafis populer. Ini memiliki banyak kegunaan di media, iklan, dan di web. Tetapi beberapa fungsinya bisa agak sulit untuk diikuti. Salah satunya melibatkan upaya untuk mengekspor GIF dari CorelDRAW, yang membutuhkan upaya yang mengejutkan. Artikel ini akan menunjukkan ke

  • Cara Membuat Kolom Dengan Baris di Word

    Saat membuat buletin atau brosur, blok teks yang besar bisa membosankan dan bahkan menjengkelkan untuk dibaca. Alih-alih, teks harus dijalankan dalam kolom hemat-ruang dan menyenangkan secara visual. Microsoft Word memiliki fitur yang memungkinkan Anda membuat kolom yang rapi dan seragam yang dipisa

  • Cara Mengonversi PDF ke HTML Dengan Ubuntu

    Ada beberapa cara untuk mencoba mengubah file PDF menjadi HTML. Perlu diingat, produk jadi mungkin tidak akan terlihat sebagus aslinya. Format Dokumen Portable tidak mudah dielakkan. HTML tidak berfungsi dengan teks dan gambar dengan cara yang persis sama dengan yang dilakukan file PDF, terutama

Jaringan komputer © https://komputer.whycomputer.com