Necə qrafik, background image daxil HTML. Necə ortada kompüter ilə HTML masa bir şəkil daxil etmək üçün

əyani hissəsi ən əhəmiyyətli biri saytlar işləyir. Əlbəttə ki, funksionallığı hesab olmamalıdır ilə atmaq üçün də aşağı, lakin. site bir kompüter HTML şəkil yüklemek üçün necə haqqında danışmaq edək. bu bir imkanı təmin və ya bir neçə edir? Necə digər insanlar görmüşəm ki, bir şəkil daxil etmək üçün HTML? PC və ya server - istifadə nə yaxşı?

HTML nədir?

Markup Language mətn sənədlər - kısaltma edib ki. gələcək saytın onurğasını meydana ilə, burada əsas elementləri yerləşdirilməsi çalışmışdır. Sonra kaskad stillər və məlumatların ötürülməsi üçün məsuliyyət daşıyırlar php faylları yaratmaq. Amma hər hansı bir ürək yalnız HTML edir. O, yeri gəlmişkən, şəkil seçin. Orada digər yolları var, lakin belə rəsm kimi sadə bir şey, ilkin ödəniş təmin etmək istəyirsinizsə, onun adını istifadə edin. İndi bir resim daxil HTML kimi sualına aydınlıq gətirmək üçün hərəkət edək.

img tag istifadə

qrafik istifadə əldə. Necə HTML-sənəddə fon daxil? Və ilk növbədə səhifə obyekt bir daxil olaraq fayl demək. Burada bu əlavə və img istifadə olunur. content displaceable çıxdığı Bu tag, line elementləri var. Bu Hyper Text Markup Language bütün dörd daxildir. One - onlar daha da baxılacaq src, hündürlüyü və eni. Üç başqaları - bu obyekt, embed və iframe (alovlar istifadə) (media content daxil). bir xətt maddə var kimi Tag çalışır. Yeganə fərq - göstərilir icazəsiz xarici content istifadə olunur. Və əslində, dolu olacaq, fayl tərəf olmalıdır. Bir sualınız varsa, HTML bir background image daxil necə, onu imtina etmək yaxşı deyil. image yerləşdiyi kompüter özü fəaliyyət göstərən zaman yalnız nümayiş olunacaq, çünki.

src atributu istifadə

Belə ki, biz bir qrafik image bir HTML sənəd daxil etmək üçün necə məsələsini nəzərdən keçirir. src istifadə edərək, dolu edilir şəkil yolunu müəyyən etmək. Aşağıdakı kimi ümumi sxemi: Siz, bir bərabər imzalamaq və ünvanı daxil edin bu atribut istifadə etmək lazımdır.

HTML brauzer təhlil tag gəlir sonra, dərhal xətt maddə görünür ki, bir sahəsi yaradır. Onun və xarici fayl yük olacaq. Ona proqram getmək üçün, çünki yol, səhv ola bilməz. o faylı tapmaq deyil əgər, bu, çox estetik deyil və görünür ki, bir səhv icon göstərilir. Necə bir şəkil əlavə etmək üçün bir masa HTML-sənədinə? Bu düzgün yerdə bütün kodu qeydiyyatdan lazımdır.

server image düzəliş: tag img hündürlüyü və eni

Beləliklə, biz bir şəkil daxil etmək üçün HTML necə. konfiqurasiya necə yoxlamaq indi bizə bildirin. istifadəçi nazil fayl kompüter başlayır sonra, dərhal müəyyən şəkil ölçüsü olacaq. Və istənilən ilkin parametrləri nə uyğun deyil, əgər? Bu halda, parametrləri hündürlüyü və eni (piksel sayı) kömək edə bilər. Bu halda, kodu aşağıdakı kimi müəyyən olunacaq: ilk src və fayl ünvanı. Sonra analoji strukturları eni göstərilən və nə eni olmalıdır. Və son - hündürlüyü və hündürlüyü. Webmasters tez-tez səhv etmək: server onun ölçüsü bir neçə megabayt böyük faylları bərpa edin. yolunu müəyyən və istədiyiniz ölçüsü image ayarlar. Nəticədə, istifadəçi kimi olduqca yavaş-yavaş düşünən kiçik bir şəkil dolu olar. Bu xaricdən bir çox müraciət baxmaq deyil.

iş üçün tövsiyələr

mənfi əvvəlcədən image ölçüsünü azaltmaq qarşısını almaq üçün. Bir cəlbedici görünüşü üçün lazım olan variantları emin değilseniz, bir surəti etmək və onunla sınağa. Həmçinin, qayğı çəki idarə yanaşma alınmalıdır. Bu, digər uzantıları dönüşüm ilə image faylları hər hansı bir keyfiyyət zərər çəki azaldılması olmadan və ya xüsusi online xidmətlər və proqramlar istifadə edərək həyata keçirmək lazımdır. Bu site istifadəçilər, həm də webmaster üçün yalnız uyğun - bu faylları daha sürətli dolu və bir hosting daha az yer tutur, çünki.

Nümunə qeyd imkanları

Siz image yolu bilərsiniz necə baxaq:

1. Bir fayl adı.

2. Qeyd image ünvan yerli kompüter (server) yerləşir.

fərqli bir ana fayl yeri 3. Ətraflı yolu.

image birinci bəndinin nümunə istifadə edərkən image eyni kataloq olmalıdır. ikinci yeri cari səhifə üçün bir alt nisbi deyil. Üçüncü misal istədiyiniz şəkil tapmaq üçün mütləq yol göstərir. Sonuncu halda (məsələn, istifadə .htaccess faylına qadağan deyil əgər varsa) şəkil hər hansı bir server ola bilər ki, qeyd. Lakin, əgər çıxarılır, və saytda image yox. HTML yalnız sənəd biçimlendirme iştirakı tələb edir, və başqa hər şey server tərəfində qəbul edilə bilər ki, bir xüsusiyyət. Bu metodlar tez-tez download sürəti artırmaq üçün istifadə olunur (lakin sonra bu aracı istifadə etmək üçün necə bilmək lazımdır).

alt və adı təyin img üçün necə?

hər hansı səbəbdən bir image fayl, sənəd HTML ilə dolu deyil zaman nə etməliyəm? Sizin yol və ya başqa bir şey səhv varsa, alt atributu istifadə olunmalıdır. O, alternativ şəkil təqdim vəzifəsi var. Burada qrafik dolu deyil ki, güman. Amma browser hələ image altında sahəsi təşkil edir. Bu da istifadəçi podgruzki gözləyir hallarda lazımdır, və siz proqram cədvəli qəbul etməyə hazır olduğunu ona göstərmək lazımdır.

müşayiət mətn, xüsusi bir atributu adı nümayiş etdirmək. Əslində, bu araç ipucu, və demək olar ki, hər hansı bir vizual HTML-kodu element üçün istifadə edə bilərsiniz. Bu müəyyən aspektləri izah etmək üçün imkan verir, çünki bu yaxşıdır. Aşağıdakı kimi bu alt atribut göstərilən iki istifadə edir: ilk hündürlüyü sonra adı alt hesablanır və yuxarıda nümunə sonra.

Bundan başqa, bu atributları yalnız qonaq üçün rahatlıq yaratmaq üçün ola bilməz. Onlar site təşviqi müsbət təsir göstərə bilər. Belə ki, bu açar sözlər istifadə saxlanılır. Bu olacaq Reytinqde yaxşılaşdırılması sites və xidmətlər images axtarış motorları Reytinqde bir resurs. Amma bütün siz ehtiyatlı və rasionallıq olmalıdır.

şəkillər align

şəkillər üçün, və əvvəl qeyd edildi biçimlendirme dili elementləri bütün 4 ümumiyyətlə, align atributu tərəfindən təqdim olunub. O, sizə şəkillər yerini dəyişə bilərsiniz. Mənim cari olaraq, alt kənarında uzlaşdırılmışdır. Üçün aşağı deyil. Və necə üst etməli? Bu top tələb edir. Təcrübədə, bu kimi görünür: image ünvan göstərir src sonra align atributu və onun əlavə dəyər.

Və bir şəkil var xətti,, bu yuxarı kənarında uyğun olacaq. Necə mərkəzində bir resim əlavə etmək üçün HTML? orta - yazmaq üçün daha bir imkan var. Zaman əsaslı bir şey dəyişmir istifadə. Belə bir code model istifadə edərkən ortada uyğun olacaq. Siz həmçinin şəkil ətrafında mətn kesmek üçün nə edə bilər. Bunu etmək üçün, sağ və sol atributları tətbiq olunur. bir "üzən" Belə hallarda image olur. sol ofset digər yazımlar kimi eyni görünür. hüququndan istifadə edərək şəkil sağ yerləşdiriləcək fərq ilə bənzər nəticə verəcək. Bu təlimatlar istifadə öz nüanslar var. Belə ki, bir mühüm problem image mətn çox yaxın edir. Çünki bu göz olduqca xoşagəlməz yapışqan təsiri yaratdı. Amma bu kaskad stil və ya HTML-kodu istifadə edərək düzəldilə bilər. Belə dəyişikliklər vspace və hspace atributları istifadə edin. sağ və sol - ilk padding üst və alt, ikinci edir.

Biz fon edirik

Necə HTML-səhifə web daxil bir şəkil daxil etmək üçün? Bu yerinə yetirmək üçün çox faydalı fon aid deyil. Bu bədən üzvü bir hissəsidir. Onun məqsədi - səhifə, bir masa və ya bir hüceyrə doldurmaq lazımdır image fayl yolunu göstərmək üçün. aşağıdakı kimi Təcrübədə, istifadə: image ünvan qeydə dəyəri bodybackground parametri var. background image yuxarı sol küncü başlayaraq koordinasiya və abscissas, baltalar boyunca təkrar belə bir şəkildə müəyyən edilir. Əvvəlki dok burada izlədi. əvəzinə bir şəkil istifadə edərək, bir rəng kimi sadə bir şey doldurmaq istəyirsinizsə, bu qısa təsviri istifadə edə bilərsiniz: miqyaslı sayı bədən bgcolor üçün parametr xarakterik kimi müəyyən edilir. Burada kiçik dəyişikliklər var idi. Gördüyünüz kimi, bu istifadə bgcolor atributu artıq. Bu yalnız bir səhifə və ya onun bir hissəsi ilə dolu olacaq nə rəng müəyyən etmək tələb olunur. Burada fon və rəng dəyişdirmək üçün bir kompüter ilə HTML daxil bir şəkil əlavə etmək üçün necə. Ümumiyyətlə, tam HTML öyrənmək üçün kifayət qədər vaxt bir həftə vermək və bu kifayət qədər çoxdur.

nəticə

Bu tam hüquqlu proqramlaşdırma dili olduğunu iddia edə bilməz, baxmayaraq ki, bir site oluştururken HTML, lakin son dərəcə qiymətlidir. O, əsl sümük var. Və biz fon və müəyyən şəkillər ilə işləmək kimi, bilirsiniz, indi ki, inamla demək və links onları əlavə edə bilərsiniz. Belə ki, HTML bir resim daxil etmək üçün necə sualına cavab aydın olmalıdır.