Novice web perancang: carane nggawe aliran teks watara gambar

Ing artikel iki, kita bakal pitutur marang kowe bab fitur saka HTML lan CSS, kang digandhengake karo gambar. Sampeyan bakal mangerteni carane masang mau menyang HTML-document. artikel uga ngandhut informasi bab carane ngganti setelan Gambar, lan ngatur aliran teks watara gambar.

First - carane masang gambar. Kanggo iki ana ing tag "img", kang wis sawetara kawicaksanan. Utama mau - "src". Ing nyimpen alamat saka kang browser bisa masang gambar. Sampeyan bisa nemtokake path kanggo gambar sing wis disimpen ing komputer, utawa menehi link kanggo sumber web.

Ana ing kawicaksanan kurang penting pasangan - "width" (jembaré) lan "dhuwur" (dhuwur). Padha digunakake kanggo manual ngowahi ukuran gambar (pilihan migunani kanggo mulet lan compressing gambar).

paramèter ngiring "hspace" lan "vspace" (kadohan saka gambar teks lingkungan). Cetha, "hspace" - lapis horisontal lan "vspace" - vertikal.

We tag wis kawicaksanan kayata "alt" lan "title". Padha padha kanggo saben liyane, wiwit waé sing kanggo njlèntrèhaké gambar. Nanging ing "title" diwènèhaké teks sing ditampilake yen sampeyan kisaran mouse liwat gambar, lan nilai harfiah ngubungake "alt" ditampilake ing acara sing ora bisa kanggo ngunggah gambar.

Ana sawetara tartamtu kawicaksanan sing saiki ing mayoritas tags. Iki "accesskey", "kelas", "id" lan "gaya". "Accesskey" nemtokake kombinasi tombol, liwat kang akses kanggo obyek. "Kelas" lan "id" - paramèter gadhah CSS. Padha njlèntrèhaké kelas kanggo kang kalebet gambar (utawa pengenal sawijining). "Gaya" - ing teks ngubungake, ngijini sampeyan kanggo nyetel dibangun ing gambar CSS-gaya.

Salah paramèter sing netepake katon gambar punika "wewatesan". Nemtokake kekandelan saka tapel wates watara obyek lan bisa disetel kanggo sembarang ongko positif (ing piksel).

Ngubungake sabanjuré - "kempal". Panjenenganipun nggambaraken aliran teks watara gambar. Pilihan iki bisa disetel kanggo "ngisor", "tengah", "kiwa", "tengen" lan "ndhuwur". Saben angka nemtokake ngendi kanggo nyeleh gambar ing teks. Contone, nilai "tengah" gambar tengah didadekake siji kanggo wates ngisor saka teks, nalika "kiwa" - obyek bakal menyang kiwa teks. Nanging iki mung salah siji cara kanggo nyetel aliran teks watara gambar - HTML.

Ana alat kuat liyane - CSS (luwih Versatile). Bisa digunakake luwih èfèktif nyetel kawicaksanan tag, kalebu aliran teks watara gambar. CSS ngijini sampeyan kanggo netepake paramèter, ora mung ing obyek tartamtu, lan kabeh sing kaya wong. Contone, yen sampeyan pengin nemtokake indentation kabeh gambar ing document iku sepuluh piksel, punika cekap kanggo nyambung menyang CSS-file karo nggawe single: "img {margin: 10px 10px 10px 10px;}" (ing laku, ing kuotasi ora needed!).

A aliran teks watara gambar, contone, ing pojok kiwa wis ditetepake minangka: "img {kempal: kiwa;}".

Miturut cara, kanggo nambah CSS-kode ora kudu nulis ing file. Kanggo tag "gaya" iki kasedhiya ing HTML, kang bisa masang CSS-kode. Nanging mung bisa kanggo document (yen sampeyan pengin nambah kode padha ing macem-macem HTML-file, sampeyan kudu nggawe sheet gaya kapisah).

Saiki sampeyan bisa "dilute" gambar saka situs, nggunakake ono gunane kang tag, kang tanggung jawab kanggo iki. Bebas bae kanggo nggunakake ngowahi ukuran utawa Lebokake gambar teks. Kaca-kaca Web tanpa komponen grafis - ngarsane cukup sedih, iku ora?