Acemi web dizaynerlər: images ətrafında mətn axını etmək üçün necə

Bu məqalədə biz images ilə bağlı HTML və CSS xüsusiyyətləri haqqında sizə xəbər verəcəkdir. Siz HTML sənəd onları əlavə etmək üçün necə öyrənmək olacaq. Məqalədə, həmçinin şəkil parametrlərini dəyişmək və şəkil ətrafında mətn axını təşkil haqqında məlumat ehtiva edir.

First - necə şəkil daxil etmək üçün. Bunun üçün var tag "img", bir neçə atributları var. Onların əsas - "src". Bu browser bir şəkil əlavə edə bilərsiniz olan Ünvanı saklar. Siz artıq kompüter saxlanılır bir resim yolunu daxil və ya bir web resurs bir keçid verə bilər.

Yoxdur bir cüt az əhəmiyyətli atributları - "width" (en) və "height" (hündürlüyü). Onlar əl şəkillər (şəkillər uzanan və sıxılması üçün faydalı seçimi) ölçüsünü üçün istifadə olunur.

Təqib parametrləri "hspace" və "vspace" (ətraf mətn image məsafə). Aydındır ki, "hspace" - üfüqi padding və "vspace" - şaquli.

Biz tag belə "alt" və "adı" kimi atributları var. onların məqsədi image təsvir etmək üçün, çünki onlar bir-birinə oxşardır. Amma "adı" siz image üzərində mouse hover zaman göstərilir mətn müəyyən, və "alt" atributu hərfi dəyəri bir resim yüklemek üçün mümkün deyil ki, tədbirdə göstərilir.

tags əksəriyyəti mövcud olan bir neçə xüsusi atributları var. Bu, "accesskey", "sinif", "id" və "style". "Accesskey" müəyyən düymələri bir birləşməsi, obyekt vasitəsilə çıxış. "Class" və "id" - CSS ilə bağlı parametrləri. Onlar şəkil (və ya onun tanıdan) məxsusdur sinif təsvir edir. "Style" - atribut mətn, bir daxili image CSS-stil qurmaq üçün imkan verir.

image görünüşünü müəyyən parametrləri biri "sərhəd" dir. Bu obyekt ətrafında sərhəd qalınlığı müəyyən edir və (piksel) hər hansı bir müsbət tam üçün müəyyən edilə bilər.

növbəti atribut - "align". O image ətrafında mətn axını təsvir edir. Bu seçim "alt", "orta", "sol", "sağ" və "top" üçün müəyyən edilə bilər. Mətn image yerləşdirmək dəyərlərin hər müəyyən edir. obyekt mətn sol olacaq - "sol" Məsələn, "orta" orta image dəyəri, mətn aşağı sərhəd uzlaşdırılmışdır. HTML - Amma bu şəkil ətrafında mətn axını yaratmaq üçün yalnız bir yoldur.

CSS (daha çox yönlü) - bir güclü alət var. Bu, çox səmərəli image ətrafında mətn axını, o cümlədən tag atributları müəyyən istifadə edilə bilər. CSS siz parametrləri, xüsusi obyekt və onun kimi bütün bu yalnız müəyyən etməyə imkan verir. Siz sənəd bütün şəkilləri abzas müəyyən etmək istəyirsinizsə Məsələn, on piksel, bu, bir stitch ilə CSS fayl bu qoşulmaq üçün kifayət edir: "img {margin: 10px 10px 10px 10px;}" (praktikada, quotes lazım deyil!).

sol kənarında məsələn images ətrafında mətn axını, kimi müəyyən edilir: "img {align: sol;}".

Yeri gəlmişkən, CSS-kod bir fayl yazmaq üçün yoxdur əlavə edin. Bu tag "stil" üçün CSS-kodu əlavə edə bilərsiniz HTML, təmin edilir. Amma bu, yalnız (birdən çox HTML faylları eyni kod əlavə etmək istəyirsinizsə, ayrı bir stil yaratmaq lazımdır) sənəd üçün işləyəcək.

İndi bu üçün məsuliyyət daşıyır tag, faydalı xüsusiyyətləri istifadə edərək, saytın şəkillər "mayeləşdirmək" bilərsiniz. ölçüsünü istifadə və ya mətn, şəkillər kesmek üçün çekinmeyin. qrafik komponentləri olmadan Web pages - olduqca kədərli mənzərə, deyilmi?