Resimler, bir web sayfasının diğer tüm öğeleri gibi, sunucu tarafından gönderilen ayrıntılı talimatlara göre tarayıcı tarafından görüntülenir. Bu talimatlar HTML (HyperText Markup Language) ile yazılmıştır ve “etiketlerden” oluşur. Etiketler, bir web sayfasının tüm öğelerinin türünü, konumlarını ve görünümlerini tanımlar.
Talimatlar
Aşama 1
İlk önce görüntü dosyasını sunucuya yüklemeniz gerekir. Bu, özel bir program aracılığıyla FTP (Dosya Aktarım Protokolü) kullanılarak yapılabilir. Bu programlara FTP istemcileri denir - örneğin, Cute FTP, WS FTP, FlashFXP ve diğerleri. Ancak, sitenizin barındırıldığı barındırma kontrol panelinde olması gereken dosya yöneticisi aracılığıyla indirebilirsiniz. Dosya yöneticisi, tarayıcınız aracılığıyla dosya yüklemenizi sağlar.
Adım 2
Bundan sonra, ilgili etiketi istediğiniz sayfanın html koduna koymanız gerekir. Yani bu sayfayı bulmalı ve kaynak kodunu düzenleme için açmalısınız. Bir sayfa dosyanız varsa, basit bir metin düzenleyiciyle açabilirsiniz - örneğin, standart Not Defteri. Ve siteyi yönetmek için herhangi bir sistem kullanıyorsanız, bu sistemin yönetim panelinde sayfa düzenleyiciyi bulun ve istediğiniz sayfayı açın. Bundan sonra, resim etiketini sayfada ihtiyacınız olan yere eklemek ve değişiklikleri kaydetmek için kalır.
Aşama 3
Etiketin kendisi hakkında daha fazla bilgi - en basit haliyle şöyle görünebilir: Etiket çeşitli ek bilgiler içerir - "nitelikler". Resim etiketi için gerekli olan tek bir özellik vardır - src. Tarayıcıya, carnink'i içeren dosyayı alması gereken adresi söyler. Bu dosya sunucuda sayfanın kendisiyle aynı klasörde (veya alt klasörde) bulunuyorsa, yalnızca adını veya alt klasörün yolunu belirtmek yeterlidir. Bu tür adreslere "göreceli" denir. Ve mutlak bir adres şöyle görünebilir:
--Başka bir nitelik - alt="Görüntü" - fareyle üzerine gelindiğinde araç ipucunda görünen metni içerir: Diğer nitelikler - başlık aynı şeyi yapar: - İki nitelik - genişlik ve yükseklik - içinde bulunduğu dikdörtgenin boyutunu ayarlayın. tarayıcı resmi gösterecektir: Bu nitelikler gerekli değildir, ancak bir şeyler ters giderse ve resim yüklenemezse, tarayıcı boyutu tanımadığından sayfanın diğer tüm öğeleri yerinde olmayabilir. görüntü işgal etmiş olmalıdır. Boyutlar "piksel" olarak belirtilir - bu, sayfa düzeninde kullanılan ana ölçü birimidir. - Border özelliği, resmin etrafındaki sınırın genişliğini (piksel olarak) belirler: Bir resim bir bağlantı yapılırsa, tarayıcı çizecektir varsayılan olarak çevresinde mavi bir kenarlık. Ondan kurtulmak için, kenarlık değerini sıfıra ayarlamanız gerekir: - İki öznitelik, resmin bitişik öğelerden (örneğin, metin satırlarından) girintisini ayarlar - hspace, yatay girintiyi (sol ve sağ), vspace ayarlar - dikey olarak (alt ve üst): - Bunlar en sık kullanılan niteliklerdir ve bu etiket için 50'den fazla özellik vardır!